【Win10】Hexo 搭建个人主页（七）增加不蒜子统计（详细）

前言

本篇博文是关于增加不蒜子统计。

如果对于搭建等其它方面有需要了解的，读者可以阅读前几篇比较优质的文章：

推荐阅读：【Win10】搭建个人博客 Hexo框架（自制）

推荐阅读：【Win10】Hexo 搭建个人主页（一）解决所有文章，缺失模块问题

推荐阅读：【Win10】Hexo 搭建个人主页（二）配置图片资源

推荐阅读：【Win10】Hexo 搭建个人主页（三）文章显示摘要

推荐阅读：【Win10】Hexo 搭建个人主页（四）文章显示目录

推荐阅读：【Win10】Hexo 搭建个人主页（五）增加归档菜单

推荐阅读：【Win10】Hexo 搭建个人主页（六）修改代码块样式

准备工作

利用这个统计，可以知道你博客的访问量

安装不蒜子脚本

在themes\yilia\layout\_partial\after-footer.ejs最后添加

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

在这里插入图片描述
添加统计网站访问量

在themes/yilia/layout/_partial/footer.ejs末尾</footer>与其上面的</div>之间放入代码（核心代码就在中间部分）：

</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>
<% } %>
</footer>

更新：

注意！！！！

不蒜子域名可能会有更新，你在别人的博客教程使用，可能没效果，是因为那个js链接失效了

这是目前最新的：

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

2020年应该不会有很大改动了，如果以后看到这篇博客，按照教程走，没有成功，多半是链接失效了

据此，可以查看官方文档，获取最新的链接，还是那句话，不蒜子不会中断服务！！！！

官方文档：http://ibruce.info/2015/04/04/busuanzi/

在这里插入图片描述

添加文章访问量

根据不同的需求，你看你需要在不同的位置显示你的文章阅读量，此处以在右上角的日期区域添加文章阅读量为例：
在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>
<% } %>

具体位置：我目前放在这里
在这里插入图片描述

效果

在这里插入图片描述

学如逆水行舟，不进则退

一百个Chocolate

发布了528 篇原创文章 · 获赞 1463 · 访问量 21万+

私信关注

【Win10】Hexo 搭建个人主页 （七）增加不蒜子统计（详细）

前言

准备工作

效果

猜你喜欢

【Win10】Hexo 搭建个人主页（七）增加不蒜子统计（详细）