Hexo - NexT主题优化

配置文件

  • 站点配置文件:_config.yml
  • 主题配置文件:source/_data/next.yml

添加文章更新时间显示

修改主题配置文件

1
2
post_meta:
updated_at: true

添加RSS

安装RSS插件

1
npm install hexo-generator-feed --save

修改主题配置文件

1
2
3
4
5
6
7
8
9
# RSS feed
feed:
type: atom
path: atom.xml
limit: 0

plugins: hexo-generate-feed

rss: /atom.xml

添加字数统计、阅读时长、整站字数统计

安装统计插件

1
npm install hexo-wordcount --save

修改主题配置文件

1
2
3
4
post_wordcount:
wordcount: true # 文章字数
min2read: true # 阅读时长
totalcount: true # 整站字数

添加本地搜索

安装搜索插件

1
npm install hexo-generator-searchdb --save

编辑站点配置文件

1
2
3
4
5
search:
path: search.xml
field: post
format: html
limit: 10000

编辑主题配置文件

1
2
3
# Local search
local_search:
enable: true

文章底部添加版权声明

编辑站点配置文件

1
url: 你的站点

编辑主题配置文件

1
2
post_copyright:
enable: true

隐藏底部字眼

编辑主题配置文件

1
2
3
4
5
footer:
powered: false # 隐藏Hexo强力驱动字眼

theme:
enable: false # 隐藏NexT主题字眼及链接

更换主题外观

目前NexT有四种外观供选择:

  • Muse - 默认 Scheme,这是 NexT 最初的版本,黑白主调,大量留白
  • Mist - Muse 的紧凑版本,整洁有序的单栏外观
  • Pisces - 双栏 Scheme,小家碧玉似的清新
  • Gemini - 左侧网站信息及目录,块+片段结构布局

更换方式

编辑主题配置文件

1
2
# Schemes
scheme: Gemini

修改文章底部带#号的标签

编辑 themes/next/layout/_macro/post.swig,搜索rel="tag">#,将 # 换成<i class="fa fa-tag"></i>

1
2
3
4
5
<div class="post-tags">
{% for tag in post.tags %}
<a href="{{ url_for(tag.path) }}" rel="tag"><i class="fa fa-tag"></i> {{ tag.name }}</a>
{% endfor %}
</div>

参考