Hexo更新日志

更新博客系统一个星期了，都没来得及写更新日志，现在补上。
更新到了Hexo3.2版本，Next主题也更新到了最新版5.0.1,增加了一些功能——打赏，文章版权声明，字数统计，访问统计。

Hexo和Next的版本迭代还是相当稳定的，持续加入了相当多的新模块，而且Next主题的更新也把原先的bug也补上了。没什么理由不升级。

主题更换

Next有Muse,Mist和Pisces三个主题，各有各的特色，之前使用的Mist，这次用Pisces,换个风格试试。Pisecs是左右双栏的设计，Mist是单栏设计，而Muse是最早的主题，所以比较简陋。目前Next是Hexo所有主题中star数最多的，用的人相对多，更新也很稳定。

替换方法:找到主题下的_config.yml，搜关键字scheme,然后打开对应的主题scheme: Pisces。

打赏

目前业界起了一阵赏金模式的风，我也时尚的来追一把，加入支付宝打赏。在网络上有遇到非常棒的文章的时候我也会小额打赏，虽然数额不多，但也是一种心意，这能让更多的优秀作者产出更多的优秀内容。
在主题的__config.yml下加入下面内容：

1
2
3

reward_comment: 坚持原创技术分享，您的支持将鼓励我继续创作！
wechatpay: /path/to/wechat-reward-image
alipay: /path/to/alipay-reward-image

不蒜子访问统计

搜索关键字busuanzi_count，设置enable: true时，代表开启全局开关。若site_uv、site_pv、page_pv的值均为false时，不蒜子仅作记录而不会在页面上显示。
配置示例如下

busuanzi_count:
  # count values only if the other configs are false
  enable: true
  # custom uv span for the whole site
  site_uv: true
  site_uv_header: 本站访客数
  site_uv_footer: 人次
  # custom pv span for the whole site
  site_pv: true
  site_pv_header: 本站总访问量
  site_pv_footer: 次
  # custom pv span for one page only
  page_pv: true
  page_pv_header: 本文总阅读量
  page_pv_footer: 次

增加字数统计插件WordCount

这个是看到一休同学blog 里有这玩意儿，一时好奇也加入了，感觉还挺好玩的，有那么一点简书的味道~

首先在Hexo项目目录下安装：npm install hexo-wordcount --save。

在footer.swig文件中加入下面代码

<div class="theme-info">
  <div class="powered-by"></div>
  <span class="post-count">博客全站共{{ totalcount(site) }}字</span>
</div>

添加文章末尾版权声明

找到post.swig文件，在footer.post-footer中添加如下代码。

<footer class="post-footer">
    {% if not is_index %}
        <div class="copyright" style="clear:both;">
           <p><span>本文标题:</span><a href="{{ url_for(post.path) }}">{{ post.title }}</a></p>
           <p><span>文章作者:</span><a href="/" title="访问 {{ theme.author }} 的个人博客">{{ theme.author }}</a></p>
           <p><span>发布时间:</span>{{ post.date.format("YYYY年M月D日 - HH时MM分") }}</p>
           <p><span>本文字数:</span><span class="page-count">本文一共有{{ wordcount(page.content) }}字</span></p>
           <p><span>原始链接:</span><a href="{{ url_for(post.path) }}" title="{{ post.title }}">{{ post.permalink }}</a></p>
           <p><span>许可协议:</span><i class="fa fa-creative-commons"></i> <a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/" title="Attribution-NonCommercial 4.0 International (CC BY-NC 4.0)">Attribution-NonCommercial 4.0</a></p>
           <p><span>转载请保留以上信息。</span></p>
        </div>
      {% endif %}
</footer>

然后需要修改一下样式，找到_posts.styl,加入如下样式

.post-footer .copyright{
  padding-top: 1.5em;
  padding-left: 1em;
  font-size: 12px;
  line-height: 1em;
  border:1px solid #ccc;
}

Links

NexT主题配置
 NexT第三方服务集成
 Hexo-WordCount
为 NexT 主题文末添加版权等信息