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.

這裡是我的部落格