Hexo之NexT主题优化(4)-添加文章访问数和站点访问数

前言

真的是要烦死了,还要搞自己的博客,还要完成公司分配的任务,在搭建博客的道路上真的是坎坷呀,就单单说这个文章阅读数和站点访问量,就把我搞的头昏眼花的, 网上的教程真的是鱼龙混杂呀,什么样的都有,都混淆了。现在我搞定了,我就写一个比较全面而且精准的设置方法。供大家参考,希望可以给你们带来方便,不会像我这么痛苦了。

添加站点访问量

<一>添加不蒜子脚本

打开主题themes\next\layout_partials下面的footer.swig文件,在最开头的位置添加如下demo:

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

<二>添加标签

要显示站点总访问量,复制以下代码添加到你需要显示的位置。有两种算法可选:

1.算法a:pv的方式,单个用户连续点击n篇文章,记录n次访问量。

1
2
3
<span id="busuanzi_container_site_pv">
本站总访问量<span id="busuanzi_value_site_pv"></span>次
</span>

2.算法b:uv的方式,单个用户连续点击n篇文章,只记录1次访客数。(DaMiss使用的方式)

1
2
3
<span id="busuanzi_container_site_uv">
本站总访问量<span id="busuanzi_value_site_uv"></span>次
</span>

如果你使用的是Hexo的NexT主题话,打开主题themes\next\layout_partials下面的footer.swig文件,添加上面的任意一种方式即可。

也就是说,添加网站访问量最终的方法就是在themes\next\layout_partials下面的footer.swig文件,添加:

1
2
3
4
5
<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>
<span id="busuanzi_container_site_uv">
本站访客数<span id="busuanzi_value_site_uv"></span>人次
</span>

添加文章阅读量

NexT主题目前已经合并这个Feature,因此如果你使用的是NexT主题,可以直接使用不用修改主题模版而直接在_config.yml中配置即可

申请leanCloud账号

进入leanCloud官网(https://leancloud.cn/),申请一个账号

申请账号之后:创建一个新应用

然后点击应用名称链接:

创建一个新的class:

  • 由于LeanCloud升级了默认的ACL权限,如果你想避免后续因为权限的问题导致次数统计显示不正常,建议在此处选择无限制

然后在你创建的应用下面找到左侧的设置复制AppID 和AppKey:

修改Next主题下面的配置文件_config.yml

在相应的位置填入一下内容,没有的话就新增

1
2
3
4
leancloud_visitors:
enable: true
app_id: 刚才复制的id
app_key: 刚才复制的key

最终的展示效果

站点访问量

文章阅读数量

OK,大功告成,是不是很简单明了,如你还有疑问,请在评论处留言

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

分享
Fork me on GitHub