Yilia 主题显示站点总访问量-单页面访问量

普通用户只需两步走:一行脚本+一行标签,搞定一切。追求极致的用户可以进行任意DIY。

一、安装脚本(必选)
要使用不蒜子必须在页面中引入busuanzi.js,目前最新版如下。

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

打开themes/你的主题/layout/_partial/footer.ejs添加上述脚本即可(放在最后即可),当然你也可以添加到 header 中。

二、安装标签(可选)
只需要复制相应的html标签到你的网站要显示访问量的位置即可。您可以随意更改不蒜子标签为自己喜欢的显示效果,内容参考第三部分扩展开发。根据你要显示内容的不同,这分几种情况。

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

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

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

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

1
2
3
<span id="busuanzi_container_site_uv">
本站访客数<span id="busuanzi_value_site_uv"></span>人次
</span>

打开themes/你的主题/layout/_partial/footer.ejs添加即可。

2、显示单页面访问量
要显示每篇文章的访问量,复制以下代码添加到你需要显示的位置。

算法:pv的方式,单个用户点击1篇文章,本篇文章记录1次阅读量。

1
2
3
<span id="busuanzi_container_page_pv">
本文总阅读量<span id="busuanzi_value_page_pv"></span>
</span>

代码中文字是可以修改的,只要保留id正确即可。

注意使用hexo s部署在本地预览效果的时候,uv数和pv数会过大,这是由于不蒜子用户使用一个存储空间,所以使用localhost:4000进行本地预览的时候会导致数字异常,这是正常现象,只需要将博客部署至云端即可恢复正常。


Yilia 主题显示站点总访问量-单页面访问量
http://www.keker.top/2019/05/15/theme/Yilia显示站点总访问量-单页面访问量/
作者
Keker
发布于
2019年5月15日
许可协议