Fork me on GitHub

hexo博客的优化与配置

发表于   |     |   阅读次数

添加统计代码

上周成功用Hexo+Github Pages搭建好博客，但是还有很多功能等待添加的,今天就继续进行优化，首先是添加统计代码，数据统计方面有以下几个:

  1. Google Analytics
  2. 百度统计
  3. 不蒜子

然后就是站长工具:

  1. CNZZ|站长统计
  2. 谷歌站长工具
  3. 百度站长工具
  4. 站长之家工具
  5. 360搜索站长平台

感觉站长工具会比较详细点，所以就采用站长工具，用的是cnzz的，参考了hexo博客的优化与配置——添加统计代码.

首先在\theme\yilia\_config.yml添加一行代码:

#### Analytics
cnzz: true

这里我用的是yilia主题。

登录CNZZ中，注册，添加网站，然后会得到代码，选择想要显示的形式，可以只是文字形式，也可以是图表形式，复制给出的代码，然后在\theme\yilia\layout\_partial里面创建一个cnzz.ejs文件，把刚刚复制的代码添加进去:

<% if (theme.cnzz){ %> 
<script type="text/javascript">
    var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cspan id='cnzz_stat_icon_1257376919'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/z_stat.php%3Fid%3D1257376919' type='text/javascript'%3E%3C/script%3E"));
</script> 
<% } %>

主要是替代这段代码中第二行<script 开始到倒数第二行的</script>。

最后在after_footer.ejs（或者footer，或head，可以自己选择需要出现站长统计的位置）的后面添加一行代码即可:

<%- partial('cnzz') %>

这样就可以了，然后就执行hexo generate,hexo deploy发布网站即可。

添加评论功能

更新于 2018-09-15

最近因为多说评论关闭了，所以需要选择新的第三方评论系统。主要参考文章有：

  1. 为 Hexo 博客主题 NexT 添加 LiveRe 评论支持
  2. Hexo-NexT主题添加评论功能（来必力、Hypercomments、畅言、友言）
  3. hexo加入留言功能

最终选择采用来必力这个第三方评论系统。因为用的 next 主题是之前下载的，没有更新到最新版可以支持这个评论系统，所以先根据第一篇参考文章配置。

添加动态背景

参考文章：

  1. Hexo设置主题以及Next主题个性设置

根据上述文章添加了动态的背景。