Hexo博客使用不蒜子统计功能

目前使用Hexo搭建静态博客的人越来越多，虽然静态博客有很多优点，但是有个缺点就是很多动态的东西自身没法完成，只有通过第三方插件来辅助实现，比如“多说”和 “Disqus”评论插件。
今天我们来说的是一个统计站内流量的插件 — 不蒜子。

根据不蒜子的介绍，使用起来非常简单。只需要两行代码（一行脚本、一行HTML显示）搞定计数。

一、引入脚本文件

在你引入JS的地方添加下列脚本即可，以我的博客为例：themes/主题/layout/_partial/footer.ejs

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

二、插入html显示

1、显示站点总访问量和访客数

在你要显示的地方插入下列html代码即可。

<span id="busuanzi_container_site_pv" style="font-size: 12px;">
    本站访问量:
    <span id="busuanzi_value_site_pv"></span> 次
</span>
 丨
<span id="busuanzi_container_site_pv" style="font-size: 12px;">
    本站访客:
    <span id="busuanzi_value_site_uv"></span> 人
</span>

效果展示:
[width] [height] 效果展示

2、显示单页面访问量

要显示每个页面单页面的访问量，插入下列代码即可。

1
2
3

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

3、只显示计数

只引入脚本代码，不插入html代码。

1
2
3

<span id="busuanzi_value_site_pv"></span>   <!--本站总访问量-->
<span id="busuanzi_value_page_pv"></span>   <!--单页文章阅读-->
<span id="busuanzi_value_site_uv"></span>   <!--本站访客数-->

其他网友个性化的设置：

1
2
3

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

具体可以参考《不蒜子》。

分享到：

一、引入脚本文件
二、插入html显示