解决hexo-butterfly valine评论异常问题

Posted on Edited on

注：想直接看解决方法直接看最后

事情的起因

前几天不是折腾了一个butterfly主题么（不出意外你现在看到的就是了），然后一直在研究主题美化，由于之前使用fluid主题已经正常配置了评论系统，所以我就直接照搬了appkey和appid，也没有测试，直到前两天朋友说评论用不了，我才发现问题……

出现的问题

先看下我当时的配置

1
2
3
4
5
6
7
8
valine:
appId: 【没问题】
appKey: 【没问题】
avatar: '' # gravatar style https://valine.js.org/#/avatar
serverURLs: https://cn.gravatar.com
bg: # valine background
visitor: false
option:

我依稀记得当时只对appid和appkey做了修改，不应该有问题啊？？可是我本地/服务器测试评论点己发送时一直转圈，无法发送至leancloud服务器，这是怎么一回事……

于是我在localhost里运行了服务器，打开Google浏览器f12开发者预览，查看当我点击发送时的network活动

发现被发送到了https://cn.gravatar.com

查看配置，是serverURLs这一项的问题

来到官方文档https://valine.js.org/#/avatar 查看“配置项”， 找到serverURLs，发现原文档的叙述如下

官方截图

原来如此，是多余的设置！

最终解决

修改如下（删除或注释掉serverURLs）

1
2
3
4
5
6
7
8
valine:
appId: 【没问题】
appKey: 【没问题】
avatar: '' # gravatar style https://valine.js.org/#/avatar
#我直接注释掉了 --> serverURLs: https://cn.gravatar.com
bg: # valine background
visitor: false
option:

OK，问题就此解决：）

哦另外新年快乐！