
hexo引入访客和阅读数统计
访客和阅读统计
大部分静态博客的访客统计使用的都是不蒜子 busuanzi ,一个轻量级的计数服务,可以将计数直接显示在博客的页脚,或者其他你想放的地方。
添加脚本法
这个方法对 Hexo 所有的主题都是通用的。首先在themes/next/_config.yml中找到footer(header也可以,没有的话直接添加,下同),添加counter的配置:
footer:
counter: true
之后对themes/next/layout/_partial/footer.ejs进行修改,加入不蒜子的脚本:
<% if (theme.footer.counter) { %>
<script async src="/busuanzi-2.3.pure.mini.js"></script>
<span id="busuanzi_container_page_pv"> 👁 本文总阅读量: <span id="busuanzi_value_page_pv"></span> 次 </span>
<span id="busuanzi_container_site_pv"> 👁 本站总访问量: <span id="busuanzi_value_site_pv"></span> 次 </span>
<span id="busuanzi_container_site_uv"> 👁 本站总访客数: <span id="busuanzi_value_site_uv"></span> 人 </span>
<% } %>
</p>
其中<script>标签引入busuanzi.js,即在标签中引入src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"。两个<span>标签分别实现文章浏览量(page_pv)、站点总访问量(site_pv)、总访客数(site_uv)的显示,可以根据需求进行选择,也可以自定义前后缀和 icon。
如果不想联网,只在内网中使用的话可以直接将busuanzi.pure.mini.js下载到本地,直接放在hexo/public路径下,标签中直接引入文件名就行,例如src="busuanzi.pure.mini.js"。
以上统计显示在页脚部分,若需要显示的位置,如要显示在博文标题下的话,以 Next 主题为例,应该添加到themes/next/layout/_macro/page.swig或者themes/next/layout/page.swig中