Hexo主题Yilia添加网站浏览量统计- 2020-10-10 20:40:40- hexo: yilia,流量统计,hexo



    目前网上存在多种统计方式,我这边使用的是**不蒜子**,大家可以去他的官网看看:http://busuanzi.ibruce.info,使用特别简单可以直接引入js即可。

    去官网复制以下链接,以备在项目中引用**

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

    打开自己的blog本地仓库路径:
    hexo\themes\yilia\layout\_partial\footer.ejs 在footer文件的最后粘贴以下代码:这里添加的是 本站中访问量/本站访客数 ,会展示在博客的最下面 ```javascript <% if (theme.busuanzi && theme.busuanzi.enable){ %>
    1. <span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv"></span></span>
    2. <span class="post-meta-divider">|</span>
    3. <span id="busuanzi_container_site_uv">本站访客数<span id="busuanzi_value_site_uv"></span></span>
    4. <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

    <% } %>

    1. **接下来添加 每篇文章的访问量,同样的在本地仓库中打开以下路径:**<br />

    hexo\themes\yilia\layout_partial\post\date.ejs

    1. **在date文件的最后加入以下代码**
    2. ```javascript
    3. <% if (theme.busuanzi && theme.busuanzi.enable && !index){ %>
    4. <!-- 不蒜子统计 -->
    5. <span id="busuanzi_container_page_pv" class="<%= class_name %>"><i class="icon-smile icon"></i> 阅读次数:<span id="busuanzi_value_page_pv"></span>次</span>
    6. <% } %>

    最后不要忘记在主题的_conif.yml中增加以下代码:

    1. #路径
    2. hexo\themes\yilia\_config.yml
    1. # 不蒜子网站统计
    2. busuanzi:
    3. enable: true


    然后在本地仓库重新编译发布一下:
    **

    1. hexo clean && hexo g -d

    注意:
    1.在我使用过程中,发现文章的阅读量其实是所有文章的阅读量总和,大家图个乐呵吧
    2.不蒜子有一个3s超时的规则,如果博客加载过程中,超过3s的时间还没有获取到不蒜子的统计个数,那么页面上的统计数也不会展示,这个场景我还时常碰到。

    以下是我的配置,大家可以参考一下:
    image.png
    image.png
    image.png

    附上我的博客地址:https://yanisyoung.com/