docs: update README
This commit is contained in:
parent
145272ff15
commit
21967437aa
237
README.md
237
README.md
|
@ -6,8 +6,8 @@
|
||||||
[![Hexo Version](https://img.shields.io/badge/hexo-%3E=4.2.0-blue.svg?&logo=hexo&longCache=true)](https://nodejs.org/)
|
[![Hexo Version](https://img.shields.io/badge/hexo-%3E=4.2.0-blue.svg?&logo=hexo&longCache=true)](https://nodejs.org/)
|
||||||
[![Node.js Version](https://img.shields.io/badge/node-%3E=12.0-green.svg?logo=Node.js&longCache=true)](https://hexo.io)
|
[![Node.js Version](https://img.shields.io/badge/node-%3E=12.0-green.svg?logo=Node.js&longCache=true)](https://hexo.io)
|
||||||
|
|
||||||
**一款简约轻快的 Hexo 主题。**
|
**一款简约漂亮的 Hexo 主题。**
|
||||||
**A simple and light theme for Hexo.**
|
**A simple and beautiful theme for Hexo.**
|
||||||
|
|
||||||
![Preview Image](https://user-images.githubusercontent.com/24516169/82140521-ae324080-9861-11ea-809f-ea73d09e24ad.jpg)
|
![Preview Image](https://user-images.githubusercontent.com/24516169/82140521-ae324080-9861-11ea-809f-ea73d09e24ad.jpg)
|
||||||
|
|
||||||
|
@ -70,7 +70,7 @@
|
||||||
- [x] 文章阅读次数统计。
|
- [x] 文章阅读次数统计。
|
||||||
- [x] 文章字数统计。
|
- [x] 文章字数统计。
|
||||||
- [x] 文章阅读时长统计。
|
- [x] 文章阅读时长统计。
|
||||||
- [x] 页面滚动百分比提示。
|
- [x] 页面滚动进度条提示。
|
||||||
- [x] 一键快速回到顶部。
|
- [x] 一键快速回到顶部。
|
||||||
- [x] 无 jQuery,代码精简。
|
- [x] 无 jQuery,代码精简。
|
||||||
|
|
||||||
|
@ -126,54 +126,86 @@ theme: ils
|
||||||
|
|
||||||
### Configuration 配置
|
### Configuration 配置
|
||||||
|
|
||||||
|
主题的配置文件的详细说明,强烈建议多看几遍,并且对照着来修改自己的配置文件,边修改边查看页面效果。
|
||||||
|
|
||||||
```yml
|
```yml
|
||||||
# theme basic info
|
# ------------------------------------------------------------
|
||||||
# 主题基本信息,无需改动。
|
# Theme basic info (please don't change)
|
||||||
|
# 主题基本信息,请不要改动。
|
||||||
|
# ------------------------------------------------------------
|
||||||
theme_info:
|
theme_info:
|
||||||
name: ILS
|
name: ILS
|
||||||
version: 2.0.1
|
version: 2.0.1
|
||||||
author: XPoet
|
author: XPoet
|
||||||
repository: https://github.com/XPoet/hexo-theme-ils
|
repository: https://github.com/XPoet/hexo-theme-ils
|
||||||
|
|
||||||
# favicon
|
|
||||||
# 网站图标,把 "/source/images/" 目录下的 "favicon.png",换成自己的图片即可。
|
|
||||||
favicon: images/favicon.png
|
|
||||||
|
|
||||||
# avatar
|
# ------------------------------------------------------------
|
||||||
# 头像图片,把 "/source/images/" 目录下的 "avatar.png",换成自己的图片即可。
|
# Theme style settings
|
||||||
avatar: images/avatar.png
|
# 主题样式设置
|
||||||
|
# ------------------------------------------------------------
|
||||||
|
style:
|
||||||
|
# Theme primary color
|
||||||
|
# 主题的主颜色,修改为自己喜欢的颜色即可,支持 rgb、十六进制格式。
|
||||||
|
primary_color: "#0066CC"
|
||||||
|
|
||||||
# navigation menu
|
# favicon
|
||||||
# 导航菜单,如需新增导航,请按下面格式填写,同时需要添加对应的 Hexo 页面。
|
# 网站图标,把 "/source/images/" 目录下的 "favicon.png",换成自己的图片即可。
|
||||||
# 如何新增页面,请参考下面的教程:"Add page 添加页面"。
|
favicon: images/favicon.png
|
||||||
|
|
||||||
|
# avatar
|
||||||
|
# 头像图片,把 "/source/images/" 目录下的 "avatar.png",换成自己的图片即可。
|
||||||
|
avatar: images/avatar.png
|
||||||
|
|
||||||
|
|
||||||
|
# ------------------------------------------------------------
|
||||||
|
# Navigation menu
|
||||||
|
# 导航菜单
|
||||||
|
# 如需新增导航页,请按下面格式填写,同时需要创建对应的 Hexo 页面。
|
||||||
|
# 如何新增页面,请参考下面的教程:“Add page 添加页面”。
|
||||||
|
# ------------------------------------------------------------
|
||||||
menu:
|
menu:
|
||||||
Home: /
|
Home: /
|
||||||
Archives: /archives
|
Archives: /archives
|
||||||
# Categories: /categories
|
# Categories: /categories
|
||||||
# About: /about
|
# Tags: /tags
|
||||||
# Links: /links
|
# Links: /links
|
||||||
|
# About: /about
|
||||||
# ...
|
# ...
|
||||||
|
|
||||||
# RSS
|
|
||||||
# RSS 订阅,如需启用,请先安装 Hexo 插件:hexo-generator-feed。
|
|
||||||
# 在博客根目录下使用 npm 命令安装: npm i hexo-generator-feed --save
|
|
||||||
rss:
|
|
||||||
enable: true
|
|
||||||
|
|
||||||
# comment plugin
|
# ------------------------------------------------------------
|
||||||
# 评论插件,主题内置了 Valine 和 Gitalk,只能使用其中一款,如果 enable 都设为了 true,将使用 Valine。
|
# RSS
|
||||||
|
# Dependencies: hexo-generator-feed
|
||||||
|
# See: https://github.com/hexojs/hexo-generator-feed
|
||||||
|
# RSS 订阅,如需启用,请先安装 Hexo 插件:hexo-generator-feed。
|
||||||
|
# 具体步骤,参考下面的教程:“RSS 订阅”。
|
||||||
|
# ------------------------------------------------------------
|
||||||
|
rss:
|
||||||
|
enable: false
|
||||||
|
|
||||||
|
|
||||||
|
# ------------------------------------------------------------
|
||||||
|
# Comment plugin
|
||||||
|
# 评论插件
|
||||||
|
# 主题内置了 Valine 和 Gitalk,只能使用其中一款。
|
||||||
|
# ------------------------------------------------------------
|
||||||
comments:
|
comments:
|
||||||
# Valine https://github.com/xCss/Valine
|
# Valine
|
||||||
# 如何使用 Valine 请参考官方教程:https://github.com/xCss/Valine
|
# See: https://github.com/xCss/Valine
|
||||||
|
# 如何使用 Valine,请参考官方教程:https://github.com/xCss/Valine
|
||||||
|
# 获取必要的参数,在下面填写。
|
||||||
valine:
|
valine:
|
||||||
enable: false
|
enable: false
|
||||||
appid: # leancloud appid
|
appid: # your leancloud application appid
|
||||||
appkey: # leancloud appkey
|
appkey: # your leancloud application appkey
|
||||||
meta: ["nick", "mail", "link"]
|
meta: # comment input meta, type: Array, values: ['nick','mail','link']
|
||||||
placeholder: 😜尽情吐槽吧~
|
placeholder: # your placeholder
|
||||||
|
|
||||||
# Gitalk https://github.com/gitalk/gitalk
|
# Gitalk
|
||||||
# 如何使用 Gitalk 请参考官方教程:https://github.com/gitalk/gitalk
|
# See: https://github.com/gitalk/gitalk
|
||||||
|
# 如何使用 Gitalk,请参考官方教程:https://github.com/gitalk/gitalk
|
||||||
|
# 获取必要的参数,在下面填写。
|
||||||
gitalk:
|
gitalk:
|
||||||
enable: false
|
enable: false
|
||||||
github_id: # GitHub repo owner
|
github_id: # GitHub repo owner
|
||||||
|
@ -181,13 +213,17 @@ comments:
|
||||||
client_id: # GitHub Application Client ID
|
client_id: # GitHub Application Client ID
|
||||||
client_secret: # GitHub Application Client Secret
|
client_secret: # GitHub Application Client Secret
|
||||||
|
|
||||||
# website count
|
|
||||||
|
# ------------------------------------------------------------
|
||||||
|
# Website count
|
||||||
# 网站计数
|
# 网站计数
|
||||||
|
# ------------------------------------------------------------
|
||||||
website_count:
|
website_count:
|
||||||
# busuanzi http://ibruce.info/2015/04/04/busuanzi/
|
# busuanzi
|
||||||
# 主题内置“不蒜子”计数,无需额外配置,只需选择开启想要的计数
|
# See: http://ibruce.info/2015/04/04/busuanzi/
|
||||||
|
# 主题内置“不蒜子”计数,无需额外配置,选择你要开启的计数项即可。
|
||||||
# site_uv 访问人数计数
|
# site_uv 访问人数计数
|
||||||
# site_pv 访问量计数
|
# site_pv 总访问量计数
|
||||||
# page_pv 文章阅读量计数
|
# page_pv 文章阅读量计数
|
||||||
busuanzi_count:
|
busuanzi_count:
|
||||||
enable: false
|
enable: false
|
||||||
|
@ -195,77 +231,111 @@ website_count:
|
||||||
site_pv: false
|
site_pv: false
|
||||||
page_pv: false
|
page_pv: false
|
||||||
|
|
||||||
|
|
||||||
|
# ------------------------------------------------------------
|
||||||
# Local Search
|
# Local Search
|
||||||
# Dependencies: https://github.com/theme-next/hexo-generator-searchdb
|
# Dependencies: hexo-generator-searchdb
|
||||||
|
# See: https://github.com/theme-next/hexo-generator-searchdb
|
||||||
# 本地搜索,如需启用,请先安装 Hexo 插件:hexo-generator-searchdb。
|
# 本地搜索,如需启用,请先安装 Hexo 插件:hexo-generator-searchdb。
|
||||||
# 在博客根目录下使用 npm 命令安装: npm i hexo-generator-searchdb --save
|
# 具体步骤,参考下面的教程:“Local search 本地搜索”。
|
||||||
|
# ------------------------------------------------------------
|
||||||
local_search:
|
local_search:
|
||||||
enable: true
|
enable: true
|
||||||
|
|
||||||
|
# If auto, trigger search by changing input.
|
||||||
|
# If manual, trigger search by pressing enter key or search button.
|
||||||
# trigger 搜索触发方式,输入关键字后会触发搜索,可选 auto(自动)或 manual(手动)。
|
# trigger 搜索触发方式,输入关键字后会触发搜索,可选 auto(自动)或 manual(手动)。
|
||||||
# auto 每输入或删除一个字符后,自动触发搜索。
|
### auto 每输入或删除一个字符后,自动触发搜索。
|
||||||
# manual 每输入或删除一个字符后,需要按回车键触发搜索。
|
### manual 每输入或删除一个字符后,需要按回车键触发搜索。
|
||||||
trigger: auto # values: auto | manual
|
trigger: auto # values: auto | manual
|
||||||
|
|
||||||
# Unescape html strings to the readable one.
|
# Unescape html strings to the readable one.
|
||||||
# 转义 HTML 字符串为可读字符串。
|
# # 转义 HTML 字符串为可读字符串。
|
||||||
unescape: false
|
unescape: false
|
||||||
|
|
||||||
# Preload the search data when the page loads.
|
# Preload the search data when the page loads.
|
||||||
# 在页面加载时预加载搜索数据
|
# 在页面加载时预加载搜索数据。
|
||||||
preload: true
|
preload: false
|
||||||
|
|
||||||
# 文章字数统计、阅读时长
|
|
||||||
|
# ------------------------------------------------------------
|
||||||
|
# Post word count
|
||||||
|
# Dependencies: hexo-wordcount
|
||||||
|
# See: https://github.com/willin/hexo-wordcount
|
||||||
|
# 文章字数统计 & 阅读时长统计
|
||||||
# 如需启用,请先安装 Hexo 插件:hexo-wordcount。
|
# 如需启用,请先安装 Hexo 插件:hexo-wordcount。
|
||||||
# 在博客根目录下使用 npm 命令安装: npm i hexo-wordcount --save
|
# 在博客根目录下使用 npm 命令安装: npm i hexo-wordcount --save
|
||||||
|
# ------------------------------------------------------------
|
||||||
post_wordcount:
|
post_wordcount:
|
||||||
wordcount: true # 字数统计
|
enable: false
|
||||||
min2read: true # 阅读时长
|
wordcount: false # word count, one article
|
||||||
|
min2read: false # time to read, one article
|
||||||
|
|
||||||
|
|
||||||
|
# ------------------------------------------------------------
|
||||||
# Home page article block display settings
|
# Home page article block display settings
|
||||||
# 首页文章底部的显示设置,可配置显示分类和标签
|
# 首页文章块底部的显示设置,可配置显示分类和标签。
|
||||||
|
# limit 显示分类或标签的最大个数。
|
||||||
|
# ------------------------------------------------------------
|
||||||
home_article:
|
home_article:
|
||||||
category: true # show category in article block
|
category:
|
||||||
tag: true # show tags in article block
|
enable: false # show category in home page article block
|
||||||
tag_limit: 5 # max number of tags shown in article block
|
limit: 3 # max number of categories shown in home page article block
|
||||||
|
tag:
|
||||||
|
enable: false # show tags in home page article block
|
||||||
|
limit: 5 # max number of tags shown in home page article block
|
||||||
|
|
||||||
# Code Copy
|
|
||||||
# 代码复制,复制风格可选 default | flat | mac。
|
# ------------------------------------------------------------
|
||||||
|
# Code copy
|
||||||
|
# 代码复制,代码块的复制风格可选 default | flat | mac。
|
||||||
|
# ------------------------------------------------------------
|
||||||
code_copy:
|
code_copy:
|
||||||
enable: true
|
enable: true
|
||||||
style: flat # values: default | flat | mac
|
style: flat # values: default | flat | mac
|
||||||
|
|
||||||
# sidebar tools
|
|
||||||
# 侧边栏工具,位置可选 left | right。
|
# ------------------------------------------------------------
|
||||||
|
# Sidebar tools
|
||||||
|
# 侧边栏工具(搜索按钮、昼夜模式切换按钮、RSS按钮、TOC显示切换按钮)
|
||||||
|
# ------------------------------------------------------------
|
||||||
side_tools:
|
side_tools:
|
||||||
enable: true
|
enable: false
|
||||||
position: right # values: left | right
|
|
||||||
|
|
||||||
# back to top
|
|
||||||
# 回到顶部,位置可选 left | right。
|
# ------------------------------------------------------------
|
||||||
|
# Back to top
|
||||||
|
# 回到顶部
|
||||||
|
# ------------------------------------------------------------
|
||||||
back2top:
|
back2top:
|
||||||
enable: true
|
enable: false
|
||||||
position: right # values: left | right
|
|
||||||
|
|
||||||
|
|
||||||
|
# ------------------------------------------------------------
|
||||||
# Table of Contents in the Sidebar
|
# Table of Contents in the Sidebar
|
||||||
# 文章目录结构
|
# 文章目录结构
|
||||||
|
# ------------------------------------------------------------
|
||||||
toc:
|
toc:
|
||||||
enable: true
|
enable: false
|
||||||
|
|
||||||
# Automatically add list number to toc.
|
# Automatically add list number to toc.
|
||||||
# 给文章目录自动加上序号。
|
# 给文章目录自动加上序号。
|
||||||
number: true
|
number: true
|
||||||
|
|
||||||
# If true, all level of TOC in a post will be displayed, rather than the activated part of it.
|
# If true, all level of TOC in a post will be displayed, rather than the activated part of it.
|
||||||
# 是否展开所有目录
|
# 是否展开所有目录。
|
||||||
expand_all: true
|
expand_all: true
|
||||||
|
|
||||||
# magic
|
|
||||||
# magic 为 v1.1.0 增加的新特性,启用后,主题样式将以简约的卡片形式显示。
|
# ------------------------------------------------------------
|
||||||
|
# Magic
|
||||||
|
# magic 启用后,主题将以简约的卡片形式显示。
|
||||||
|
# 可分别配置缩放效果、阴影效果。
|
||||||
|
# ------------------------------------------------------------
|
||||||
magic:
|
magic:
|
||||||
enable: true # 是否开启 magic 风格
|
enable: true
|
||||||
scale: false # 是否开启缩放效果
|
scale: false # scale effect when the mouse hover
|
||||||
shadow: true # 是否开启阴影效果
|
shadow: false # shadow effect when the mouse hover
|
||||||
```
|
```
|
||||||
|
|
||||||
### Comment 评论
|
### Comment 评论
|
||||||
|
@ -286,13 +356,13 @@ magic:
|
||||||
|
|
||||||
### Post top 文章顶置
|
### Post top 文章顶置
|
||||||
|
|
||||||
实现文章顶置功能,需在 Hexo 博客根目录下安装插件 **hexo-generator-index-pin-top**。
|
实现文章顶置功能,需在 Hexo 博客根目录下安装插件 **`hexo-generator-index-pin-top`**。
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm install hexo-generator-index-pin-top
|
npm install hexo-generator-index-pin-top
|
||||||
```
|
```
|
||||||
|
|
||||||
然后在 `_posts` 文件夹里的需要顶置的文章页添加 `top` 属性,**top** 值越大,顶置越靠前,参考如下。
|
然后在 `_posts` 文件夹里的需要顶置的文章页添加 `top` 属性,**top** 值越大,顶置文章越靠前,参考如下。
|
||||||
|
|
||||||
```markdown
|
```markdown
|
||||||
---
|
---
|
||||||
|
@ -306,7 +376,7 @@ top: 9999
|
||||||
|
|
||||||
### Local search 本地搜索
|
### Local search 本地搜索
|
||||||
|
|
||||||
1. 启用本地搜索功能,需在 Hexo 博客根目录下安装插件 **hexo-generator-searchdb**。
|
1. 启用本地搜索功能,需在 Hexo 博客根目录下安装插件 **`hexo-generator-searchdb`**。
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm install hexo-generator-searchdb
|
npm install hexo-generator-searchdb
|
||||||
|
@ -334,6 +404,32 @@ top: 9999
|
||||||
preload: true
|
preload: true
|
||||||
```
|
```
|
||||||
|
|
||||||
|
### RSS 订阅
|
||||||
|
|
||||||
|
1. 启用 RSS 订阅功能,需先在 Hexo 博客根目录下安装插件 **`hexo-generator-feed`**。
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm install hexo-generator-feed
|
||||||
|
```
|
||||||
|
|
||||||
|
2. 在 Hexo 配置文件 `_config.yml` 增加如下配置。
|
||||||
|
|
||||||
|
```yml
|
||||||
|
# Feed Atom
|
||||||
|
# npm install hexo-generator-feed
|
||||||
|
feed:
|
||||||
|
type: atom
|
||||||
|
path: atom.xml
|
||||||
|
limit: 20
|
||||||
|
```
|
||||||
|
|
||||||
|
3. 修改主题配置文件 `_config.yml`。
|
||||||
|
|
||||||
|
```yml
|
||||||
|
rss:
|
||||||
|
enable: true
|
||||||
|
```
|
||||||
|
|
||||||
### Add page 添加页面
|
### Add page 添加页面
|
||||||
|
|
||||||
**Hexo 初始并没有 categories、about、links、tags 等页面,需要自己手动创建。**
|
**Hexo 初始并没有 categories、about、links、tags 等页面,需要自己手动创建。**
|
||||||
|
@ -363,6 +459,7 @@ top: 9999
|
||||||
...
|
...
|
||||||
...
|
...
|
||||||
```
|
```
|
||||||
|
|
||||||
3. 在主题配置文件启用 `about` 导航菜单。
|
3. 在主题配置文件启用 `about` 导航菜单。
|
||||||
```yml
|
```yml
|
||||||
# navigation menu
|
# navigation menu
|
||||||
|
@ -377,6 +474,10 @@ top: 9999
|
||||||
|
|
||||||
其他页面的生成方式跟「关于」页面类似,此处不再赘述。
|
其他页面的生成方式跟「关于」页面类似,此处不再赘述。
|
||||||
|
|
||||||
|
## Contribution 贡献
|
||||||
|
|
||||||
|
欢迎各种形式的贡献,包括但不限于:美化样式、增加功能、改进代码、 修复 Bug 等。
|
||||||
|
|
||||||
## Feedback 反馈
|
## Feedback 反馈
|
||||||
|
|
||||||
在使用该主题过程中,如果遇到问题,请仔细阅读使用文档,或者给作者提 `Issue`。
|
在使用该主题过程中,如果遇到问题,请仔细阅读使用文档,或者给作者提 `Issue`。
|
||||||
|
|
Loading…
Reference in New Issue