凌晨blog

不积跬步无以至千里;不积小流无以成江海

Hexo NexT 7.X版本配置指南

接下来我会讲讲如何配置NexT主题,本次使用的NexT版本为7.8。

语言设置为中文

在Hexo根目录中的_config.yml中,将 language后的值更改为 zh-CN并重新生成。如下图所示
mark

设置圆形头像并增加动画

在主题的_config.yml中找到avator项,将url项后的#号去掉,再将roundedrotated的值改为true,并将你想设置的头像名字改为avatar.gif放入hexo根目录/source/images/中(没有images文件夹就新建一个)
mark

在侧边栏和页面底部增加版权信息

在主题文件夹下的_config.yml中找到creative_commons项,按照下图更改
alt
其中license可以自选,也可以选择是否在侧边栏上启用。

生成阅读更多按钮

在正文你希望在主页不可见的部分前加入

1
<!--more-->

就可以了。

将页面底部的标签前的‘#’号改成图标

在主题配置文件中找到tag_icon项,改为true
mark

压缩博文提高访问速度

在Hexo根目录下执行

1
npm install hexo-neat --save

安装Hexo-neat插件,然后在hexo的_config.yml的末尾添加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
# hexo-neat
# 博文压缩
neat_enable: true
# 压缩html
neat_html:
enable: true
exclude:
# 压缩css
neat_css:
enable: true
exclude:
- '**/*.min.css'
# 压缩js
neat_js:
enable: true
mangle: true
output:
compress:
exclude:
- '**/*.min.js'
- '**/jquery.fancybox.pack.js'
- '**/index.js'

若在生成时报错,则找到报错的文件,按上面的格式填入即可。

为博客网站增加live2d看板娘

主要使用了张书樵大神的项目

安装方法:在/Hexo根目录/source/下执行

1
git clone https://github.com/stevenjoezhang/live2d-widget.git

然后将live2d-widget文件夹中的autoload.js文件中的

1
2
3
const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/";
改为
const live2d_path = "/live2d-widget/";

然后在/themes/next/layout/_layout.swig中,新增如下内容:

1
<script src="/live2d-widget/autoload.js"></script>

最后在主题配置文件的末尾加入

1
2
live2d:
enable: true

右上角增加 Follow me on GitHub 图标

在主题配置文件中找到github_banner,根据自己的想法改。如下图。
mark

在每篇文章末尾添加“本文结束”字样

\themes\next\layout\_macro中新建文件passage-end-tag.swig,添加以下内容

1
2
3
4
5
<div>
{% if not is_index %}
<div style="text-align:center;color: #ccc;font-size:14px;">-------------本文结束<i class="fa fa-paw"></i>感谢您的阅读-------------</div>
{% endif %}
</div>

接着打开\themes\next\layout\_macro\post.swig文件,在END POST BODY 之前添加如下代码

1
2
3
4
5
<div>
{% if not is_index %}
{% include 'passage-end-tag.swig' %}
{% endif %}
</div>

如图

mark

---------本文结束感谢您的阅读---------

欢迎关注我的其它发布渠道