hexo博客个性化

0x01 起因

​ 自打换了hexo以来,尝试了各种主题…,总是不尽如人意,原来使用的是smackdown这个主题,

界面比较炫酷,但是在功能性上还有些不太满意,折腾来折腾去,还是用Next这个主题吧,在主题默认设置的基础上,适当的进行了一些个性化的定制,现在看起来就美滋滋咯~~

0x02 折腾过程

网站底部访问量

打开layout\_partials\footer.swig文件,引入不蒜子的js代码:

1
<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>

然后在适当的位置添加一个div块,显示计数信息。

mark

代码如下:

1
2
3
4
5
<div class="powered-by">
<i class="fa fa-user-md"></i><span id="busuanzi_container_site_uv">
本站访客量:<span id="busuanzi_value_site_uv"></span>
</span>
</div>

博客字数统计 & 阅读时长

hexo提供了hexo-wordcount插件,新版本的next中集成了这一点,只需要安装插件然后开启功能就ok

插件可以通过以下方式安装:

1
npm install hexo-wordcount --save

然后在配置文件_config.yml中搜索wordcount,把选项从false改成true,启用该功能

mark

但是有个小瑕疵,只显示了数字,没有后边的字,这个可以这么解决

打开layout\_macro\post.swig文件,在237行和252行添加上汉字,使其完整。

mark

文章访问量统计

next集成了leancloud,我们可以用这个来统计访问量。

首先要去leancloud官网注册一个账号,注册完成后创建一个应用,然后点击存储,创建一个新的class,class的名称必须是Counter,为了避免可能发生的问题,ACL可以设置为无限制

mark

然后点击设置,在安全中心中绑定域名,在应用key中找到appid跟app_key这俩值,然后添加到主题配置文件的相应位置

mark

mark

mark

评论

多说项目GG了,网易云跟帖也是过去式… 现在比较流行的是Valine,也是基于leancloud的一种统计方式,next中已经集成该功能。

在配置文件中找到对应的位置,开启该功能。

mark

关于valine的更多设置,请点击这里

然后再挖几个坑…,以后有时间再回来填…

音乐

。。。

0x03 参考链接

http://shenzekun.cn/hexo%E7%9A%84next%E4%B8%BB%E9%A2%98%E4%B8%AA%E6%80%A7%E5%8C%96%E9%85%8D%E7%BD%AE%E6%95%99%E7%A8%8B.html

Hexo博客Next主题配置 | 亿界博客)

http://theme-next.iissnan.com/getting-started.html

本文标题:hexo博客个性化

文章作者:tkcharlotte

发布时间:2018年02月08日 - 15:02

最后更新:2018年02月08日 - 17:02

原始链接:boombao.net/2018/02/08/hexo_next/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------本文结束感谢您的阅读-------------