Hexo+yilia主题添加网页访问计数功能

男娘i 2022-02-26 05:22 258阅读 0赞

### Hexo+yilia主题添加网页访问计数功能） ###

*  yilia 主题下的网站流量计数系统
 *   *  在\`themes/yilia/\_config.yml \`中添加属性
     *  添加不算子网站访问量统计脚本
     *  在你需要的位置添加访问量
     *  生成以及显示效果

# yilia 主题下的网站流量计数系统 #

通常的网站计数系统有百度统计以及谷歌分析等大厂提供的解决方案，但是对于个人搭建的博客而言最初其实倒没有必要去费一番周折。在此推荐由不算子提供的网站计数接口。眼看博客的评论接口已经凉的差不多了，不算子还算比较靠谱的。

## 在`themes/yilia/_config.yml`中添加属性 ##

本身`yilia`主题没有在`_config.yml`保留`busuanzi`的属性，所以在此添加(：

#开启不算子访问统计
    busuanzi:
        enable: true

注意`enable:`与`true`之间一定要保留空格，对于所有配置文件都如此

## 添加不算子网站访问量统计脚本 ##

在`themes/yilia/layout/_partial/footer.ejs`末尾`</footer>`与其上面的`</div>`之间放入代码：

<% if (theme.busuanzi && theme.busuanzi.enable){  %>
            
            <span id="busuanzi_container_site_pv">
                    本站总访问量<span id="busuanzi_value_site_pv"></span>次
            </span>
            <span class="post-meta-divider">|</span>
            <span id="busuanzi_container_site_uv" style='display:none'>
                    本站访客数<span id="busuanzi_value_site_uv"></span>人
            </span>
            <script async src="/busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
      <% } %>

由于不算子早期的域名被强制过期，所以网上很多早期的教程的链接已经失效了，需要注意甄别

## 在你需要的位置添加访问量 ##

根据不同的需求，你看你需要在不同的位置显示你的文章阅读量，此处以在右上角的日期区域添加文章阅读量为例：  
在`themes/yilia/layout/_partial/post/date.ejs` 原有代码的开头(不需要把新代码放入原代码块中，而是和原代码独立的两块）加入：

<% if (theme.busuanzi && theme.busuanzi.enable && !index){  %>
            
            <span id="busuanzi_container_page_pv" style='display:none' class="<%= class_name %>">
                  <i class="icon-smile icon"></i> 阅读数：<span id="busuanzi_value_page_pv"></span>次
            </span>
    <% } %>

这种方法对于同一个人反复访问网站是持续累加的，我想大家也不会拒绝这种lowlow的操作（狗头）

## 生成以及显示效果 ##

在hexo目录上邮件选择`Git bash`，输入`hexo g`等待生成完成，再输入`hexo d`提交代码（也没必要每次都`hexo s`本地调试一番了），接着刷新你的博客界面，就可以查看结果了。功能显示可能会有一段时间之后才出现，我的当时网站访问量正常工作了，但是文章阅读量十几分钟之后才正常，所以需要一些等待。  
下面给出了不算子本人的官网，大家可以移步去浏览一下，还是一个很有情怀的程序员。

链接: [link][].  
也欢迎移步我的个人博客：  
[Albert Wu’s Blog][Albert Wu_s Blog]

// An highlighted block
    var foo = 'bar';

[link]: http://ibruce.info/2015/04/04/busuanzi/
[Albert Wu_s Blog]: https://albertwulf.github.io