Hexo搭建博客系列：（五）Hexo添加不蒜子和LeanClou
2017-06-16 本文已影响0人
DeppWang
不蒜子统计站点的总访问量，即统计浏览了多少次；有多少人访问，在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> 次   
本站访客数<span id="busuanzi_value_site_uv"></span>人次
</div>
{% endif %}
LeanCloud配置使用
不蒜子也可以统计单篇博文的阅读量，但是有两个缺点：
- 在首页不能查看博文的阅读量。
- 不能管理相关博文的阅读量（我认为是缺点）。
所以我使用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
