用LeanClound给hexo+next博客添加文章阅读数
2018-08-31 本文已影响21人
Andy_Ron
个人博客之前用的NexT 框架介绍 不蒜子统计 来统计文章阅读数、网站访问人数和网站访问总数。但是总是发现文章阅读数老是出现问题，因此把文章阅读数换成用LeanCloud来统计，看起来也方便。LeanCloud的免费的开发版完全满足了我博客这种小网站的需求了。
配置起来也很方便，下面做个记录：
注册LeanClound账号
这个很方便，微博，GitHub都可以直接关联注册，或者直接用邮箱注册。
创建应用
比如我创建一个名为
andyron.com.counter的应用。
获取APP ID，APP Key，之后再配置文件中配置。
创建Class
- 在应用的数据配置界面，左侧下划线开头的都是系统预定义好的表，为了便于区分我们新建一张表来保存我们的数据。
新建Class用来专门保存我们博客的文章访问量等数据，理论上来说名字可以随意取名，只要你交互代码做相应的更改即可，但是为了保证对NexT主题的修改兼容，此处的新建Class名字必须为Counter:
添加安全域名
添加安全域名后，只有这些安全域名才有权访问后台的数据了，可以进一步提升安全性。
修改一下主题配置文件
修改配置文件next/_config.yml
leancloud_visitors:
enable: true
app_id: #你的app_id
app_key: #你的的app_key
# Show PV/UV of the website/page with busuanzi. 不蒜子统计
# Get more information on http://ibruce.info/2015/04/04/busuanzi/
busuanzi_count:
# count values only if the other configs are false
enable: true
# custom uv span for the whole site
site_uv: true
site_uv_header: <i class="fa fa-user"></i> 访问人数
site_uv_footer: 人次
# # custom pv span for the whole site
site_pv: true
site_pv_header: <i class="fa fa-eye"></i> 总访问量
site_pv_footer: 次
# custom pv span for one page only
page_pv: false
page_pv_header: <i class="fa fa-file-o"></i> 阅读
page_pv_footer: 次
最新的NexT框架已经不需要再配置样式，可以看到
在LeanCloud中也可以查看数据了：
注：
objetcId这个主键是由日期和博文标题组合成的，因此标题变化，阅读会重新计数
