在hexo+butterfly中安装artitalk(说说)加载不出来,

原因:由于artitalk使用的是leancloud来当存储引擎,

但是leancloud国际版的请求地址是xxxxxxxx.api.lncldglobal.com

xxxxxxxx是appId的前8位,但是就在前段时间这个地址已经无法访问了。

但是artitalk.js的源码中又是写死的这个地址。所以导致我么们的说说页面始终无法加载。

下面是我对应的解决方案

首先,我们下载对应的artitalk.js和av-min.js源码

这两个文件是实现artitalk的源码,butterfly默认是采用jsdelivr CDN
如果不知道在哪里下载,去博客的说说页面F12找到对应的JS地址,然后下载下来

leancloud自定义域名

打开leancloud国际版,绑定你自己的域名,并在你的域名管理平台配置cname,如图:

image-20230712155829199

绑定成功之后你会看见你的request地址会多了你的自定义域名

image-20230712160110941

记得配置你的web安全域名

image-20230712160227153

接下来我们修改源码,

先修改av-min.js,搜索lncldglobalg关键字,修改为你自己的自定义域名,并把return全改为自己的域名。如图:

注意!!!:图是我自己的域名,你们替换的因为你们自己绑定的域名

image-20230712161635132

将修改后的av-min.js上传至文件服务器,

没有文件服务器的可以用leancloud,我个人用的gitee,方便管理,看自己喜好

image-20230712161837972

修改artitalk.js

同样的方法将下载的artitalk.js用编辑器打开
搜索lncldglobalg,将地址修改为自定义域名,如图:

修改artitalk.js

搜索https://app-router.com/2/route 修改源码为:

​ 源码的意思是动态请求这个API,来获取你的Request地址,但是获取的是xxxxxxxx.api.lncldglobalg.com

​ 这个地址访问不了,手动替换成自己绑定的就可以访问了

image-20230712162327885

搜索av-min.js,将av-min.js的地址替换成,你之前上传文件服务器的地址
image-20230712162938822

​ 如果你是上传到leancloud的,如图复制就行啦!

image-20230712163042871

将修改好的artitalk.js上传到文件服务器

修改_config.yml(hexo的配置。不是主题的配置)

image-20230712163318415

​ js: 此处填写你artitalk.js的地址

至此就可以完美访问说说页面啦

附上我的说说页面:

image-20230712163447348