hexo最终生成静态网页,一般是引入不蒜子来实现记录和展示博客总访问量总访客数以及每篇文章的阅读量。不蒜子是一个极其简洁的网页计数器,因为自己做的静态博客需要用到就把他的js给集成进去,简单说下原理,总访问量和总访客数基于网站的域名一一对应,通过远程的js集成,将数据通过/busuanzi.ibruce.info/busuanzi的访问持久化,即便再次生成文章或者网站,只要链接路径没有变,浏览量还是可以在原有的基础上继续累积。

js脚本引入

在需要的页面引入这个脚本即可:

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

总访问量(pv算法)

要显示站点总访问量,复制以下代码,不能改动其中的id,添加到你需要显示的位置,其他内容可以根据样式进行修改。pv的模式,同一个用户连续访问n次,或者点击n次文章,记录n次访问量。

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

总访客数(uv算法)

要显示站点总访客数,复制以下代码,不能改动其中的id,添加到你需要显示的位置,其他内容可以根据样式进行修改。uv的方式,同一个用户连续访问n次或者点击n次文章,只记录一次访客数。

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

页面或者文章阅读量

要显示每篇文章的阅读量,复制以下代码添加到你需要显示的位置。

文章阅读量使用pv的方式,同一个用户点击一篇文章,本篇文章记录一次阅读量。

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

重要提示

不蒜子无法在文章列表页面显示每篇文章的阅读量,例如你的hexo博客里面有一个文章列表页面,页面内同时展示了很多篇你写的文章,包括标题以及摘要等等。此时无法使用不蒜子显示每篇文章的阅读量。因为不蒜子是根据文章的具体路径来绑定阅读量数据的。因此在文章列表页面,不蒜子是获取不到每篇文章的阅读量的。只能在点击进入到某一篇文章内容后,在文章详情页获取到阅读量。