LOADING

加载过慢请开启缓存 浏览器默认开启

不蒜子给网站、博客文章添加阅读次数统计

2024/7/17 博客 博客 不蒜子 该文总阅读量

不蒜子-hexo博客文章添加阅读次数统计

背景

满足一下小小的虚荣心,想看看有多少人来访问我的博客,一开始用的百度统计,然后发现它…….确实能统计,但是也只能统计,应该是有api给我接入的,但是找了这么多教程没看到,我也没在百度统计的官方文档中找到,可能因为我是免费版吧——第二天发现是有api的,这下尴尬了,但是也不好用。后面看了其他教程发现不蒜子这个库还行,便用这个试了以下,效果还行

使用

引入js

image-20240716220135878

这里我用的是particlex这个主题,这个博主它把所有引入的资源放在一个文件夹下,我也放在这里了,其他的主题可以放在header或者footer中,最好放上面,回头想删掉容易找到。

这里上面的部分是百度统计用的,我想看看百度统计和不蒜子最后统计的效果有什么差别。绝对不是因为我懒得删,加都加了,不上白不上

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

不蒜子js代码,可以直接复制

使用

image-20240716221055331

之后在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)