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下加入下面内容:

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;
}

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

坚持原创技术分享,您的支持将鼓励我继续创作!