Jay's Blog
0%

Hexo博客Next主题添加统计文章阅读量功能

Posted on In , Views:
Symbols count in article: 1.1k Reading time ≈ 1 mins.

Next主题支持一个叫LeanCloud的云服务商提供的统计功能[1]。

注册LeanCloud帐号

首先要注册一个帐号，访问LeanCloud官网，点击免费试用，或者访问控制台都会进入登录/注册页面，直接注册就好，也可以直接第三方账号登录，不过登录之后还是需要绑定邮箱和手机号。

配置LeanCloud端

有了帐号了，就是一名可以行使权力的正经用户了，那就开始配置Cloud，来为我们的Blog统计功能创建一个新应用吧。然后需要为统计阅读量创建一个表，然后得到应用的app-id与app-key，用来配置我们的Next实现统计功能。

  • 进入控制台，点击创建应用
  • 就命名为test吧，然后选择开发版（免费哒），然后创建
  • 点进test开发版，为统计阅读量单独创建一个Class，就是在数据库中建一个表，首先点击存储，然后创建Class，Next要求Class名称必须为Counter，所以命名一定要为Counter，为了防止阅读量统计不准确，建议ACL权限设置为无限制，然后点击创建Class。就会像我的数据库一样，除了一些带下划线_的表之外，还有一个Counter表。

设置网络安全

由于app-id和app-key是完全暴露的，所以防止他人使用，我们可以在应用设置里面面设置Web安全局名，只有添加的域名才能使用该应用，防止有人Hack我们的数据库。点击设置，安全中心，Web域名安全，添加Blog域名，点击保存就OK了。

配置博客端

配置_config.yml文档

首先需要得到LeanCloud应用的app-id与app-key，在控制台，设置，应用key中就可以找到。

然后配置就很简单了，只需要修改Next主题的配置文档_config.yml，该文档在blog/themes/next路径下，blog为你的博客文档夹，打开配置文档，找到LeanCloud配置项，修改为可用，添加对应app-id和app-key就行：

1
2
3
4
5
6
# Show number of visitors to each article.
# You can visit https://leancloud.cn get AppID and AppKey.
leancloud_visitors:
  enable: true
  app_id: # 你的app-id 
  app_key: # 你的app-key

然后使用命令hexo generate重新生成Blog，hexo deploy部署到Github就OK了，

参考文章

  1. 1.Hexo博客Next主题添加统计文章阅读量功能(https://bjtu-hxs.github.io/2018/06/12/leancloud-config/) ↩︎
+