本文采用的Next主题版本号为5.1.4，下载地址 Next。
话不多说，直接进入正题：
主题配置
按照官方文档上的来就OK Next主题设定。
标签页面以及分类页面其中的内容是Next主题根据你博文的标识自动添加的，并不需要我们手动添加
博主头像设置
打开 主题配置 文件，搜索 avatar: ，添加自己的头像图片路径，头像图片放到 hexo_blog\source\images\ 目录下：
avatar: /images/1.jpg日志页面设置
Next的日志页面默认是没有在菜单栏上显示的，显示需要新建一个日志页面
$ hexo new page archivesDirectory这里一定要注意日志页面是archivesDirectory而不是archives，这是我从坑里爬出后得出的结论！！
页面名称错误将无法显示内容。
设置代码高亮主题
官方文档已经说的很详细了，按照他说的就好设置代码高亮主题。
添加侧边栏社交链接
官方文档链接戳进来。
设置友情链接
官方文档链接戳进来。
添加站点建立时间
官方文档链接戳进来。
主题优化
设置背景动画
NexT 默认开启动画效果，效果使用 JavaScript 编写，因此需要等待 JavaScript 脚本完全加载完毕后才会显示内容。 如果您比较在乎速度，可以将设置此字段的值为 false 来关闭动画。
编辑主题配置文件(next\_config.yml) ，搜索 use_motion，根据您的需求设置值为 true 或者 false 即可：
use_motion: true # 开启动画效果
use_motion: false # 关闭动画效果设置背景动画样式
NexT 自带两种背景动画效果
编辑 主题配置文件， 搜索 canvas_nest 或 three_waves，根据您的需求设置值为 true 或者 false 即可：
注意： three_waves 在版本 5.1.1 中引入。只能同时开启一种背景动画效果。
# canvas_nest
canvas_nest: true //开启动画
canvas_nest: false //关闭动画
# three_waves
three_waves: true //开启动画
three_waves: false //关闭动画设置博文背景透明
打开 themes\next\source\css\_schemes\Pisces\_layout.styl 文件，搜索 .content-wrap，并删除其中的 background 设置。
设置按钮颜色
Next主题的样式一般是不会修改的，如果需要，这里主题的作者为我们留了一个自定义样式的文件。
打开 themes\next\source\css\_custom\custom.styl 文件，在其中直接编写你想要的样式：
//编写你自己的按钮样式
.btn {
background:
}设置站点概况背景颜色
打开 themes\next\source\css\_schemes\Pisces\_sidebar.styl 文件，搜索 .sidebar-inner，修改其中的 background就OK了。
设置菜单栏背景颜色
打开 next\source\css\_schemes\Pisces\_layout.styl 文件，搜索 .header-inner，同样修改其中的 background。
修改 `` 中的代码块样式
打开 \themes\next\source\css\_custom\custom.styl 文件，在里面添加如下代码，颜色可自定义：
code {
color: #ff7600;
background: #fbf7f8;
margin: 2px;
}
// 大代码块的自定义样式
.highlight, pre {
margin: 5px 0;
padding: 5px;
border-radius: 3px;
}
.highlight, code, pre {
border: 1px solid #d6d6d6;
}修改文章内链接文本样式
打开 themes\next\source\css\_common\components\post\post.styl 文件，在末尾添加如下css样式：
// 文章内链接文本样式，颜色可自己定义
.post-body p a{
color: #0593d3;
border-bottom: none;
border-bottom: 1px solid #0593d3;
&:hover {
color: #fc6423;
border-bottom: none;
border-bottom: 1px solid #fc6423;
}
}修改文章底部的那个带#号的标签
打开 /themes/next/layout/_macro/post.swig 文件，搜索 rel="tag">#，将#换成 <i class="fa fa-tag"></i>。
在右上角或者左上角实现fork me on github
GitHub样式有两种，样式一，样式二。戳进去选择自己喜欢的样式，并复制其中的代码。
打开 themes/next/layout/_layout.swig 文件，在 <div class="headband"></div>，放入你复制的代码，并把href改成你自己的GitHub地址。
添加顶部加载条
这个版本的Next，已经为我们写好了一些加载条的样式，只需要修改 主题配置文件 就好了
打开 主题配置文件，搜索 pace: 。将 pace: false 改为 pace: true 就完成了。
除此之外，我们还可以选择加载条条的样式，只需修改 pace_theme 就好。
隐藏网页底部powered By Hexo / 强力驱动
打开 themes/next/layout/_partials/footer.swig 文件，使用 <!--- --->注释
{% if theme.footer.powered %}
.....
{% endif %} //文章底部的参考文章：
《hexo的next主题个性化教程:打造炫酷网站》
《hexo博客框架–nexT主题进阶设定》
Next主题优化第二弹预告：
- 博文中插入图片
- 博文中插入音乐
- 添加版权信息
- 添加博文搜索功能
- 添加评论功能
- 添加博文及网站的统计功能
