不蒜子統(tǒng)計(jì)站點(diǎn)的總訪問(wèn)量，即統(tǒng)計(jì)瀏覽了多少次；有多少人訪問(wèn)，在footer顯示。
LeanCloud統(tǒng)計(jì)單篇博文的閱讀量，即統(tǒng)計(jì)單篇博文的閱讀量是多少。

不蒜子配置使用

下面教程針對(duì)NexT主題設(shè)置。

找到站點(diǎn)的themes/next/layout/_partials目錄下的footer.swig文件。插入代碼如下。

{% if theme.copyright %}
<div class="powered-by">
  {{ __('footer.powered', '<a class="theme-link" ) }}
</div>

<div class="theme-info">
  {{ __('footer.theme') }} -
  <a class="theme-link" >
    NexT.{{ theme.scheme }}
  </a>
</div>

# 此位置插入以下代碼
<div>
<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>

本站總訪問(wèn)量 <span id="busuanzi_value_site_pv"></span> 次&nbsp&nbsp&nbsp
本站訪客數(shù)<span id="busuanzi_value_site_uv"></span>人次
</div>

{% endif %}

LeanCloud配置使用

不蒜子也可以統(tǒng)計(jì)單篇博文的閱讀量，但是有兩個(gè)缺點(diǎn)：

1. 在首頁(yè)不能查看博文的閱讀量。
2. 不能管理相關(guān)博文的閱讀量（我認(rèn)為是缺點(diǎn)）。

所以我使用LeanCloud。

新建Class

所以使用LeanCloud，網(wǎng)站可以使用Github綁定登錄，按提示完成登錄。登錄后，進(jìn)入控制臺(tái)，創(chuàng)建一個(gè)新應(yīng)用。點(diǎn)擊存儲(chǔ)，按下圖標(biāo)記新建Class，Class名稱必須為Counter。

image

添加ID和Key

按下圖標(biāo)記復(fù)制 App ID和App Key

image

復(fù)制后，更改主題配置文件 的 leancloud_visitors: 。注意將enable設(shè)為true。

# Show number of visitors to each article.
# You can visit https://leancloud.cn get AppID and AppKey.
leancloud_visitors:
  enable: true
  app_id: #your App ID
  app_key: #your App Key

設(shè)置安全域名

如下圖標(biāo)記設(shè)置安全域名：

image

總結(jié)

完成上面的部署后，運(yùn)行如下命令同步博客：

$ hexo clean
$ hexo g
$ hexo d

參考資料

• Hexo搭建GitHub博客（三）- NexT主題配置使用
• Hexo博客-NexT主題：使用leancloud進(jìn)行頁(yè)面訪客統(tǒng)計(jì)