hexo yilia主题添加文章访问量统计

因为热爱，所以拼搏。 --RuiDer

前导必备

1. Github+hexo主题的个人博客
2. Your heart

hexo添加访问量功能工具

hexo添加访问量统计功能可以用百度的站长统计、leancloud，还有不蒜子，我用的是不蒜子。

引入不蒜子

将下面代码添加在 /themes/yilia/layout/_partial/footer.ejs的末尾

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

添加站点访问量

将下面代码添加在 /themes/yilia/layout/_partial/footer.ejs中末尾。

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

添加文章访问量

将下面代码添加在 /themes/yilia/layout/_partial/article.ejs 中，位置如下：

<!-- 添加代码
-->
<span id="busuanzi_container_page_pv">
本文总阅读量<span id="busuanzi_value_page_pv"></span>次
</span>
<!-- article.ejs自身代码-->
<span id="busuanzi_container_page_pv">
本文总阅读量<span id="busuanzi_value_page_pv"></span>次
</span>
</div>
</a>
</div>
<% } %>
</div>
<div class="article-info article-info-index">
<%if(post.top){%>
<div class="article-pop-out tagcloud">
<i class="icon-tuding"></i>
<a class="article-tag-list-link color3">置顶</a>
</div>

我们直接就这样放在yilia主题中，首页也会显示该网页的访问量，没法正常使用，所以我加一个判断，如果是首页不显示该文章的访问量，下面这段代码添加在/themes/yilia/layout/_partial/article.ejs的header的日期后面：

<!-- article自身代码 -->
<header class="article-header">
<%- partial('post/title', {class_name: 'article-title'}) %>
<% if (!post.noDate){ %>
<%- partial('post/date', {class_name: 'archive-article-date', date_format: null}) %>
<% } %>
<!-- 添加代码 -->
<% if ( !index ){ %>
<span class="archive-article-date">
阅读量 <span id="busuanzi_value_page_pv"></span>
</span>
<% } %>
</header>

作者寄语

Everything is ok. But you have to do by yourself.

这里是我的博客

最后

以上就是开朗背包为你收集整理的hexo+yilia主题添加文章访问量统计hexo yilia主题添加文章访问量统计的全部内容，希望文章能够帮你解决hexo+yilia主题添加文章访问量统计hexo yilia主题添加文章访问量统计所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。