Hexo主题Next的个性化教程，打造炫酷网站

在学习搭建Hexo网站的时候，看到很多人用着炫酷的效果,特意搜了一下，发现网上确实有很多教程，这里就不一一说明，只列举处对应的功能。

在右上角或者左上角实现fork me on github
添加RSS
添加动态背景(themes\next\_config.yml搜canvas_把值改为true)
实现点击出现桃心效果
修改文章内链接文本样式
修改文章底部的那个带#号的标签
在每篇文章末尾统一添加“本文结束”标记
修改作者头像并旋转
博文压缩
修改代码块自定义样式
侧边栏社交小图标设置
主页文章添加阴影效果
在网站底部加上访问量
添加热度
网站底部字数统计
添加 README.md 文件
设置网站的图标Favicon
实现统计功能
添加顶部加载条
添加网易云跟帖(跟帖关闭，已失效，改为gitalk或者来必力)
隐藏网页底部powered By Hexo / 强力驱动
修改网页底部的桃心
文章加密访问
添加jiathis分享（jia this已经宣布关闭，个人用的是baidushare）
修改字体大小
修改打赏字体不闪动
自定义鼠标样式
为博客加上萌萌的宠物（注意：_config.yml是根目录的）
DaoVoice 在线联系
点击爆炸效果
添加更多的menu内容
添加网易云音乐 (其中id为歌单Id)
文章置顶+置顶标签
当前浏览进度
themes\next\_config.yml搜scrollpercent改为true。如果想要在侧边栏显示，则搜b2t改为true

RSS下的社交平台
在themes\next\_config.yml中搜索social,开启social及修改对应的值
平台链接后面的||指的是Font Awesome图标字体库

social:
  GitHub: https://github.com/WShaobin || github
  E-Mail: http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=EyQnISAqJSslJFNiYj1wfH4 || envelope
  CSDN: https://blog.csdn.net/qq_30552993 || codiepie
  简书: https://www.jianshu.com/u/c9c7b1275142 || gratipay
social_icons:
  enable: true
  icons_only: false
  transition: false

添加友情链接
进入themes\next\layout\_macro\slidebar.swig

1
2
3

{% if theme.social %}
......
{% endif %}

这以上代码下添加下面内容，修改成自己想要的内容

<div class="links-of-blogroll motion-element links-of-blogroll-inline">
	<div class="links-of-blogroll-title">
	  <i class="fa  fa-fw fa-globe"></i>
	  友情链接
	</div>
	<ul class="links-of-blogroll-list">
	    <li class="links-of-blogroll-item">
	      <a href="https://xxx" title="xxx" target="_blank">xxx</a>
	    </li>
	    ...
	</ul>
</div>

修改文章模版Front-matter
根目录scaffolds\post.md添加tags,categories等
1
2
3
4
title: {{ title }}
date: {{ date }}
tags: []
categories: []
添加cnzz站点统计
找到themes\next\layout\_partials\footer.swig，在内容的最上面添加统计代码<script>......</script>
文章底部添加版权信息
开启方式：themes\next\_config.yml，搜post_copyright，将enable改成true
版权信息布局：themes\next\layout\_macro\post-copyright.swig
修改字体信息：themes\next\languages\zh-Hans.yml,搜索copyright
如果本文链接为http://yoursite.com，请到根目录_config.yml修改url为https://xxx.github.io （自己的网址）

参考:
https://www.jianshu.com/p/f054333ac9e6
http://theme-next.iissnan.com/getting-started.html