hexo-theme-snail
View Hexo-Theme-Snail Sources On Github ➾
Light theme preview
Dark theme preview
Star theme preview
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
- sharing 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 |
Install Mathjax
To install Mathjax, please click https://www.dusign.net/2019/10/14/Hexo-Configuration/ for a detailed tutorial.
Install WordCount
1 | npm install hexo-wordcount --save |
See https://github.com/willin/hexo-wordcount for detailed configuration method.
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/dusign.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 |
Share
1 | ## Share |
Comment
See https://github.com/imsun/gitment for detailed configuration method.1
2
3
4
5
6
7
8
9
10
11
12
13
14
15# Comment
## This comment system is gitment
## gitment url: https://github.com/imsun/gitment
comment:
gitment:
enable: false
owner:
repo:
client_id:
client_secret:
livere:
enable: false
disqus:
enable: false
username:
Tip
1 | # Tip |
Background effects
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# Background effects
## 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","🍀"'
color: '"rgb(121,93,179)"
,"rgb(76,180,231)"
,"rgb(184,90,154)"'
wave:
enable: true
Visitor statistics
1 | # Visitor statistics |
Color Theme
1 | # Color Theme |
Search
run $ npm install hexo-generator-search --save
then add the follow configure to _config.yml
1
2
3
4
5
6## Search
search:
enable: true
path: search.xml
field: post
content: true
- path - file path. By default is search.xml . If the file extension is .json, the output format will be JSON. Otherwise XML format file will be exported.
- field - the search scope you want to search, you can chose:
- post (Default) - will only covers all the posts of your blog.
- page - will only covers all the pages of your blog.
- all - will covers all the posts and pages of your blog.
- content - whether contains the whole content of each article. If false, the generated results only cover title and other meta info without mainbody. By default is true.
Error and Solutions
- run
hexo deploy
with “ERROR Deployer not found: git”
solution:npm install --save hexo-deployer-git
Top
Hexo-theme-snail has added the article top function, just add the following content in the article head.1
top: true
Releases
v1.4
- hide sidebar when toc is empty
- change the music library to NetEase music library
- add a function that can stop toc automatic numbering
v1.3
- fix category jump path issue in sidebar
- add a default image for new articles
- add photography (under development)
- fix top and page conflict
v1.2
- fix the bug
- add search within site
- add top
- image wave effect
- add share
- add dark theme
v1.1
- change title font-family
- add wordcount
- add visitor statistics
- fix the bug (categories not display)
- replacing mathjax with marked
v1.0
- fix the bugs
- add comment system
- add notice tips
- add star theme
- add line theme (background effect)
- add mouse-click effect
License
Apache License 2.0 Copyright(c) 2018-2020 dusign
hexo-theme-snail is derived from hexo-theme-beantech ,thanks YenYuHsuan.
...
...
If you like this blog or find it useful for you, you are welcome to comment on it. You are also welcome to share this blog, so that more people can participate in it. If the images used in the blog infringe your copyright, please contact the author to delete them. Thank you !