利用 51.la 实现网站统计功能
👉点击这里👈 前往leleo886大佬的主页
我就是在他那里学习的,但是他那里没有教程怎么弄。
之后我就在b站上搜了一下,发现全站就一个
视频跟51.la关,这下好了,没有详细教程,只能自己问kimi学了。
然后我就想着,自己弄了,下面是大概的过程。
👉点击👈 进行注册51.la
如下图👇 注册好之后点击蓝色的那个添加应用统计
进去之后,添加上你的博客,或者主页的域名。
首先点击你额应用的那个 配置,进去之后点 统计代码 ,然后就会进入下面👇这个页面
然后点击 获取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"})
然后就好了,最后推送 推送一下,进行部署,就可以了。
之后你就可以实现如下效果
感觉这个功能是挺实用的,你可以点击 👉这个链接👈 查看效果