为HEXO博客中每篇文章的浏览量统计

一、安装脚本（必选）#

要使用不蒜子必须在页面中引入busuanzi.js，目前最新版如下。

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

不蒜子可以给任何类型的个人站点使用，如果你是用的hexo，打开themes/你的主题/layout/_partial/footer.ejs添加上述脚本即可，当然你也可以添加到 header 中。

二、安装标签（可选）#

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

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

1
<span id="busuanzi_container_site_uv">
2
  本站访客数<span id="busuanzi_value_site_uv"></span>人次
3
</span>
4
如果你是用的hexo，打开themes/你的主题/layout/_partial/footer.ejs添加即可。

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

附录：扩展开发（自定义）#

• 不蒜子之所以称为极客的算子，正是因为不蒜子自身只提供标签+数字，至于显示的style和css动画效果，任你发挥。

• busuanzi_value_site_pv的作用是异步回填访问数，这个id一定要正确。

• busuanzi_container_site_pv的作用是为防止计数服务访问出错或超时（3秒）的情况下，使整个标签自动隐藏显示，带来更好的体验。这个id可以省略。

1
本站总访问量<span id="busuanzi_value_site_pv"></span>次
2
本站访客数<span id="busuanzi_value_site_uv"></span>人次
3
本文总阅读量<span id="busuanzi_value_page_pv"></span>次

1
Total <span id="busuanzi_value_site_pv"></span> views.
2
您是xxx的第<span id="busuanzi_value_site_uv"></span>个小伙伴
3
<span id="busuanzi_value_page_pv"></span> Hits

问题及解答#

• 1、我只要统计不显示？

  • 只引入busuanzi.js，不引入显示标签即可。

• 2、你的标签太丑了，我想美化一下可以么？

  • 可以的，您可以用自己站点的css进行控制，只要内层span的id正确以便回填访问次数即可，甚至标签都可以不是span。

• 3、中文字体太丑了，我的主题不适合？

  • 您可以将本站总访问量xxx次改成view xxx times等英文以获得更和谐的显示效果。

• 4、在访问量数据未取回来之前，我不想让页面显示为诸如“本站总访问量 次”，显得太low，怎么办？

  • 只需要如下css，不蒜子执行完毕会自动将标签显示出来，其他以此类推：

1
<span id="busuanzi_container_site_pv" style='display:none'>
2
    本站总访问量<span id="busuanzi_value_site_pv"></span>次
3
</span>

原文地址:http://ibruce.info/2015/04/04/busuanzi/ 参考链接:https://www.zhihu.com/question/33919028