Hexo yilia主题添加“不蒜子”访问量统计

本文最后更新于:2020年7月4日 晚上

不蒜子:https://busuanzi.ibruce.info/

Hexo添加访问量统计功能可以用百度统计Leancloud,还有不蒜子

我设置了百度统计,但是百度统计只能在后台查看数据,而今天新添加的不蒜子,可以将统计信息直接显示在网页上,更加直观一些,也减少了登录后台的麻烦。

一、添加不蒜子

将下面的代码添加到/themes/根据个人目录修改/layout/_partial/footer.ejs(代码添加到不同的位置,在页面上显示的位置也不同):

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

我将它放在了页面下方正中。

这段代码我写在了footer.ejs里,也可以写在header.ejs里或者layout.ejs里。

二、添加站点访问量

通常站点的总访问量会显示在footer的位置,所以我们可以在footer.ejs里添加如下标签,两种算法根据需要任选其一即可(如上图):

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

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

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

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

三、添加文章阅读量

添加文章阅读量和站点访问量基本一致,但是要添加一个判断条件只在文章中显示文章阅读量,主页自然是没有阅读量一说的。

将下面的代码添加到/themes/根据个人目录修改/layout/_partial/article.ejs的合适位置:

<% if (!index){ %>
  <span id="busuanzi_container_page_pv">
    ⋉(●本文总阅读量 <span id="busuanzi_value_page_pv"></span> 次●)⋊
  </span>
<% } %>

例如我放在了如图所示位置,最终会现在在文章底部的标签后面。

四、最终的显示效果

文章阅读量:

站点访问量:


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!