【Hexo实战】第三方服务集成

╰+攻爆jí腚メ 2022-02-19 13:57 330阅读 0赞

### 百度统计 ###

注意： baidu\_analytics 不是你的百度 id 或者 百度统计 id

1.  登录 [百度统计][Link 1]， 定位到站点的代码获取页面
2.  复制 `hm.js?` 后面那串统计脚本 id，如：![analytics-baidu-id.png][]
3.  编辑 主题配置文件， 修改字段 `baidu_analytics` 字段，值设置成你的百度统计脚本 id。

### 阅读次数统计（LeanCloud） ###

在注册完成LeanCloud帐号并验证邮箱之后，我们就可以登录我们的LeanCloud帐号，进行一番配置之后拿到AppID以及AppKey这两个参数即可正常使用文章阅读量统计的功能了。

**创建应用**

我们新建一个应用来专门进行博客的访问统计的数据操作。首先，打开控制台，然后创建应用，如下图所示：

![image][]

> 新建的应用名称我们可以随意输入，即便是输入的不满意我们后续也是可以更改的

在应用的数据配置界面，左侧下划线开头的都是系统预定义好的表，为了便于区分我们新建一张表来保存我们的数据。点击左侧右上角的齿轮图标，新建Class。

在弹出的选项中选择创建Class来新建Class用来专门保存我们博客的文章访问量等数据。

点击创建Class之后，理论上来说名字可以随意取名，只要你交互代码做相应的更改即可，但是为了保证我们前面对NexT主题的修改兼容，此处的新建Class名字必须为Counter。

![image][image 1]

> 由于LeanCloud升级了默认的ACL权限，如果你想避免后续因为权限的问题导致次数统计显示不正常，建议在此处选择无限制。

创建完成之后，左侧数据栏应该会多出一栏名为Counter的栏目，这个时候我们点击顶部的设置，切换到test应用的操作界面

在弹出的界面中，选择左侧的应用Key选项，即可发现我们创建应用的AppID以及AppKey，有了它，我们就有权限能够通过主题中配置好的Javascript代码与这个应用的Counter表进行数据存取操作了。

![image][image 2]

复制AppID以及AppKey并在NexT主题的\_config.yml文件中我们相应的位置填入即可，正确配置之后文件内容像这个样子:

leancloud_visitors:
      enable: true
      app_id: joaeuuc4hsqudUUwx4gIvGF6-gzGzoHsz
      app_key: E9UJsJpw1omCHuS22PdSpKoh

这个时候重新生成部署Hexo博客，应该就可以正常使用文章阅读量统计的功能了。

> 需要特别说明的是：记录文章访问量的唯一标识符是文章的发布日期以及文章的标题，因此请确保这两个数值组合的唯一性，如果你更改了这两个数值，会造成文章阅读数值的清零重计。

![image][image 3]

成功的标志就是出现**阅读次数**这几个字眼。

想学习**分布式、微服务、JVM、多线程、架构、java、python**的童鞋，千万**不要**扫码，否则后果自负~

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbnpoaXFpYW5nMDMxNg_size_16_color_FFFFFF_t_70][]

**林老师带你学编程**：[https://wolzq.com][https_wolzq.com]

[Link 1]: http://tongji.baidu.com/
[analytics-baidu-id.png]: /images/20220219/7150ff2ecd5d4e6ba1b2eb3b1756a3a3.png
[image]: /images/20220219/92bf48d3f2b641eda6ffc146a66474f2.png
[image 1]: /images/20220219/f8210951766d4d9d813e35ee241acd3e.png
[image 2]: /images/20220219/95209a4c5dba48a695ed473de0240848.png
[image 3]: /images/20220219/55be23939a3e4bcf98a0540c1c3146dd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbnpoaXFpYW5nMDMxNg_size_16_color_FFFFFF_t_70]: /images/20220219/280a44a9f37b47cfa47a652e245bbfbc.png
[https_wolzq.com]: https://wolzq.com/