不蒜子-hexo博客文章添加阅读次数统计
背景
满足一下小小的虚荣心,想看看有多少人来访问我的博客,一开始用的百度统计,然后发现它…….确实能统计,但是也只能统计,应该是有api给我接入的,但是找了这么多教程没看到,我也没在百度统计的官方文档中找到,可能因为我是免费版吧——第二天发现是有api的,这下尴尬了,但是也不好用。后面看了其他教程发现不蒜子这个库还行,便用这个试了以下,效果还行
使用
引入js
这里我用的是particlex这个主题,这个博主它把所有引入的资源放在一个文件夹下,我也放在这里了,其他的主题可以放在header或者footer中,最好放上面,回头想删掉容易找到。
这里上面的部分是百度统计用的,我想看看百度统计和不蒜子最后统计的效果有什么差别。绝对不是因为我懒得删,加都加了,不上白不上
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
不蒜子js代码,可以直接复制
使用
之后在themes/layout/post.ejs中加上下面的代码
<span id="busuanzi_container_page_pv">
该文总阅读量<span id="busuanzi_value_page_pv"></span>次
</span>
再在themes/layout/card.ejs中加上下面的代码
本站访客数<span id="busuanzi_value_site_uv"></span>人次
本站总访问量<span id="busuanzi_value_site_pv"></span>次
说明一下:代码中文字是可以修改的,只要保留id正确即可。同时它就是个html代码,是想加哪就加哪,不必要按我这个来,放首页的介绍,放底部都行。
不蒜子使用说明
1、显示站点总访问量
要显示站点总访问量,复制以下代码添加到你需要显示的位置。有两种算法可选:
算法a:pv的方式,单个用户连续点击n篇文章,记录n次访问量。
本站总访问量<span id="busuanzi_value_site_pv"></span>次
算法b:uv的方式,单个用户连续点击n篇文章,只记录1次访客数。
本站访客数<span id="busuanzi_value_site_uv"></span>人次
2、显示单页面访问量
要显示每篇文章的访问量,复制以下代码添加到你需要显示的位置。
算法:pv的方式,单个用户点击1篇文章,本篇文章记录1次阅读量。
<span id="busuanzi_container_page_pv">
该文总阅读量<span id="busuanzi_value_page_pv"></span>次
</span>
注意:不蒜子为保持极简,暂不支持在站点文章摘要列表中(如首页)逐个显示每篇文章的阅读次数。
参考链接
不蒜子 | 给网站、博客文章添加阅读次数统计,我用两行代码 搞定计数-腾讯云开发者社区-腾讯云 (tencent.com)
Hexo建站日记(一)——访客和阅读数统计 | Echowind’s Blog (echowinde.github.io)