Hexo搭建部落格系列：（五）Hexo新增不蒜子和LeanCloud統計無標題文章

不蒜子統計站點的總訪問量，即統計瀏覽了多少次；有多少人訪問，在footer顯示。
LeanCloud統計單篇博文的閱讀量，即統計單篇博文的閱讀量是多少。

不蒜子配置使用

下面教程針對NexT主題設定。

找到站點的themes/next/layout/_partials目錄下的footer.swig檔案。插入程式碼如下。

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

<div class="theme-info">
  {{ __('footer.theme') }} -
  <a class="theme-link" href="https://github.com/iissnan/hexo-theme-next">
    NexT.{{ theme.scheme }}
  </a>
</div>

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

本站總訪問量 <span id="busuanzi_value_site_pv"></span> 次&nbsp&nbsp&nbsp
本站訪客數<span id="busuanzi_value_site_uv"></span>人次
</div>

{% endif %}

LeanCloud配置使用

不蒜子也可以統計單篇博文的閱讀量，但是有兩個缺點：

1. 在首頁不能檢視博文的閱讀量。
2. 不能管理相關博文的閱讀量（我認為是缺點）。

所以我使用LeanCloud。

新建Class

所以使用LeanCloud，網站可以使用Github繫結登入，按提示完成登入。登入後，進入控制檯，建立一個新應用。點選儲存，按下圖示記新建Class，Class名稱必須為Counter。

image

新增ID和Key

按下圖示記複製 App ID和App Key

image

複製後，更改主題配置檔案 的 leancloud_visitors: 。注意將enable設為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

設定安全域名

如下圖示記設定安全域名：

image

總結

完成上面的部署後，執行如下命令同步部落格：

$ hexo clean
$ hexo g
$ hexo d

參考資料

• Hexo搭建GitHub部落格（三）- NexT主題配置使用
• Hexo部落格-NexT主題：使用leancloud進行頁面訪客統計