Hexo搭建博客系列：（五）Hexo添加不蒜子和LeanCloud统计无标题文章

不蒜子统计站点的总访问量，即统计浏览了多少次；有多少人访问，在footer显示。
LeanCloud统计单篇博文的阅读量，即统计单篇博文的阅读量是多少。

不蒜子配置使用

下面教程针对NexT主题设置。

找到站点的themes/next/layout/_partials目录下的footer.swig文件。插入代码如下。

{% if theme.copyright %}

  {{ __('footer.powered', 'Hexo') }}



  {{ __('footer.theme') }} -
  
    NexT.{{ theme.scheme }}
  


# 此位置插入以下代码



本站总访问量  次   
本站访客数人次


{% 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进行页面访客统计