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="//busuanzi.ibruce.info/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 配置使用

不蒜子也可以统计单篇博文的阅读量，但是有两个缺点：

在首页不能查看博文的阅读量。
不能管理相关博文的阅读量（我认为是缺点）。

所以我使用 LeanCloud。

新建 Class

所以使用 LeanCloud，网站可以使用 Github 绑定登录，按提示完成登录。登录后，进入控制台，创建一个新应用。点击 存储，按下图标记新建 Class，Class 名称必须为 Counter。

添加 ID 和 Key

按下图标记复制 App ID 和 App Key

复制后，更改 主题配置文件 的 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

设置安全域名

如下图标记设置安全域名：

总结

完成上面的部署后，运行如下命令同步博客：

$ hexo clean
$ hexo g
$ hexo d

不蒜子配置使用

LeanCloud 配置使用

新建 Class

添加 ID 和 Key

设置安全域名

总结

参考资料