hexo-theme-snail
View Hexo-Theme-Snail Sources On Github ➾
Hexo-theme-snail is a succinct hexo theme. It has two colors, light and star, that can be set according to your own preferences in the settings, and also has the functions of sharing and commenting. More features are under development.
Features
- light color theme and star theme
- diversified comment system
- notice tips
- share to other platforms (under development)
- picture sharing (under development)
Quick Start
Install Hexo
1 | $ npm install hexo-cli -g |
Setup your blog
1 | $ hexo init blog |
Installation Theme
1 | $ cd blog |
Set Theme
Modify the value of theme:
in _config.yml
1
2
3
4# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: snail
Start the Server
1 | $ hexo generate |
Configuration
Site
Replace the following information with your own.1
2
3
4
5
6
7# Site
title:
subtitle: At the bottom of the well, it is destined to see only the sky at the wellhead.
However, the starting point only affects the process of reaching your peak and does not determine the height you reach.
author: Dusign
language: en
timezone:
Site Settings
Put customized pictures in img
directory.1
2
3
4
5
6
7
8# Site settings
SEOTitle: Hexo-theme-snail
email: hexo-theme-snail@mail.com
description: "A hexo theme"
keyword: "dusign, hexo-theme-snail"
header-img: img/header_img/home-bg-1-dark.jpg
signature: true #show signature
signature-img: img/signature/Just-do-it-white.png
SNS Settings
If you don’t want to display it, you can delete it directly.1
2
3
4
5# SNS settings
github_username: dusign
twitter_username: dusignr
facebook_username: Gang Du
zhihu_username: dusignr
Sidebar Settings
1 | # Sidebar Settings |
Theme
1 | # Extensions |
Deployment
1 | # Deployment |
Comment
See httpymls://github.com/imsun/gitment for detailed configuration method.1
2
3
4
5
6
7
8
9# Comment
## This comment system is gitment
## gitment url: https://github.com/imsun/gitment
comment:
enable: false
owner:
repo:
client_id:
client_secret:
Tip
1 | # Tip |
Color Sheme
Set the enable
value of the desired color sheme to true
. If the value of bg_effects.star.enable
is true
, please modify the value of highlight_theme
in ./themes/snail/_config.yml
to night
.1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30# Color Sheme
## If there is no effect after modification, please empty the cache and try again.
## ⚠️ The following special effects will take up a lot of cpu resorces, please open it carefully.
bg_effects:
enable: true
line:
enable: false
color: 129,200,61
pointColor: 129,200,61
opacity: 0.7
zIndex: -9
count: 99
mouse_click:
enable: true
content: '"🌱","just do it","🌾","🍀","don''t give up","🍂","🌻","try it again","🍃","never say die","🌵","🌿","🌴"'
color: '"rgb(121,93,179)"
,"rgb(76,180,231)"
,"rgb(184,90,154)"
,"rgb(157,211,250)"
,"rgb(255,0,0)"
,"rgb(242,153,29)"
,"rgb(23,204,16)"
,"rgb(222,0,0)"
,"rgb(22,36,92)"
,"rgb(127,24,116)"
,"rgb(119,195,79)"
,"rgb(4,77,34)"
,"rgb(122,2,60)"'
star:
enable: true
如何创作一篇新文章
1 | $ hexo new 'article_name' |
此时,自动生成了.md文件并保存在source/_post文件夹中。并且,新文章部署在了github中。
在每次更新网站时,运行一下两条命令:1
2$ hexo clean
$ hexo g -d
Releases
V1.0
- fix the bugs
- add comment system
- add notice tips
- add star sheme
License
Apache License 2.0 Copyright(c) 2018-2020 Dusign
hexo-theme-snail is derived from Huxpro Apache License 2.0. Copyright (c) 2015-2020 Huxpro