思路来源

来自leleo886

👉点击这里👈 前往leleo886大佬的主页
我就是在他那里学习的，但是他那里没有教程怎么弄。
之后我就在b站上搜了一下,发现全站就一个
视频跟51.la关，这下好了，没有详细教程，只能自己问kimi学了。
然后我就想着，自己弄了，下面是大概的过程。

第一步 注册51.la

👉点击👈 进行注册51.la

第二步 在应用管理中添加应用

如下图👇 注册好之后点击蓝色的那个添加应用统计

进去之后，添加上你的博客，或者主页的域名。

第三步 获取SDK代码进行配置

首先

首先点击你额应用的那个 配置，进去之后点 统计代码 ，然后就会进入下面👇这个页面

然后

然后点击 获取SDK追踪代码 ， 复制好，待会儿就用到。

情况一

如果你的index.html是一直有的，不是像butterfly那种弄一次就重新生成的，那就在index.html原文件里面的前面加上配置信息就行了。然后重新部署，提交，正常更新，就应该可以看到那个 代码安装状态 变成 安装成功了。

情况二

如果你使用的是hexo＋butterfly主题，那就可能麻烦点。好像是要更改主题文件夹下的一个名为layout.pug 的文件。我就是那样做的。
那个文件的地址是 “themes\butterfly\layout\includes\layout.pug”

找到大概第十行的位置有 include ./head.pug

紧跟着在他的下一行写如下演示代码

1
2
3
4
include ./head.pug
// 51.LA 统计
script(charset='UTF-8' id='LA_COLLECT' src='//sdk.51.la/js-sdk-pro.min.js')
script LA.init({id:"huu765gfyvgr567",ck:"999jjjhhhbxxxaaa"})

结尾

然后就好了，最后推送 推送一下，进行部署，就可以了。

之后你就可以实现如下效果

示例数据统计页面

示例数据统计页面

示例数据统计页面

尾声

感觉这个功能是挺实用的，你可以点击 👉这个链接👈 查看效果