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

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.

这里是我的博客

没有更多推荐了,返回首页