为博客配置waline评论模块需要注意什么
Last updated on April 22, 2024 pm
想要在Github博客中部署一个评论模块有许多选择，其中waline是在valine的基础上衍化而来，因此功能也会更多。但是在跟着官方文档配置的时候需要注意一些问题，否则会一直出错😿……（如果你因fail to fetch这个错误而来，那真是找对人了）
先附上官方教程文档：快速上手 | Waline
首先要注意的是在注册LeanCloud账号时最好注册国际版，这样比较方便。
一、vercel部署部分
1.创建项目
如上图所示，首先需要点击Deploy然后进行登录，登陆完成之后，会显示这个界面：
这时我一脸蒙，于是就真的随便找了一个项目creat了（页面和教程不一样但我并未在意）……
其实应该退回到教程页，再点一遍deploy，就可以和教程一致了。
2.环境变量配置
第一次看这段话的时候我有点疑惑，加上这时候设置的界面和教程有细微差别，所以我的配置也出错了。如下图所示，正确的配置应该是KEY栏分别写入LEAN_ID, LEAN_KEY和LEAN_MASTER_KEY，Value栏分别写入它们三个的值。（需要add more新创建两个栏）
3.获取服务端地址
教程中写到，部署结束后点击visit后跳转到的网页的网址即是服务器地址，也就是后面的serverURL，在HTML文件部署的时候也需要用到。
重点来了！！！！在我把所有东西全部部署结束，且保证绝对无误的情况下，虽然我的博客网页上已经展现出了评论的模块，我居然还是评论不了（会显示fail to fetch）……（此时心态已崩🤯）我反反复复找了很久的错误，翻看了视频教程下的评论，终于发现了和我一样错误的友友。他说原因是“完成后访问的visit地址和第二次在ver项目中打开的server地址不一样”。我反复琢磨了很久，因为我反复点开visit，这个网址一直不变啊。。。突然，一切都变了，某个瞬间当我点开visit时，它居然显示网页停止访问😨。我三分疑惑四分愤怒地又点开了很多次，终于它加载出来了，定睛一看网页的域名居然变了😇😇😇😇😇😇😇
当我把变化后的域名代替先前的域名后，错误就解决了！
二、HTML引入
1.找到index.html
（ps：不知道不同主题是否对这个配置文件名有影响，我所用的是fluid这个主题）
这里我又犯错了，因为我发现.deploy_git和public文件夹下都有一个这样的文件。由于先前我知道了每次hexo clean后都会删掉public文件夹，因此我毅然决然地选择修改了.deploy_git里的文件。于是每次部署网页之后，我都惊奇地发现回到这个文件后我做的修改都离奇消失了。直到我在hexo d时仔细地看了一眼运行结果，发现它赫然写着delete .deploy_git以及保留public，我的小脑都萎缩了🫠。
因此结论就是，一定要修改public文件夹下的index.html文件，这样才能生效。
2.如何修改
注意在修改的时候不要把教程文档的所有代码全部粘贴进html文件。
第一部分：head部分，只将中间的那一部分添加入自己html文件的head部分里。记得缩进一定要规范。
第二部分：body部分。我们在html文件中找到
后点开方便的符号就可以折叠，这样就可以找到body部分的末尾在哪里
而第二部分最好添加进body部分的最后面。由于我的文件里写道要把某部分保留在最后，因此这一部分代码我就放在那部分前面了。仍然要注意缩进的格式！但是因为我的文件中，body内的很多代码都没有缩进，因此这一部分代码我也没有缩进一格。
三、其他
1.部署博客主题配置文件
在我配置评论功能的时候，不仅部署了html文件，还部署了yml文件。具体的部署要视各主题而定。因为主题部署文件可能并未默认开启评论功能，因此要去文件中找到“comment”部分，打开评论功能，并配置其他相应必要代码。
2.重新创建项目
如果在第一次配置时出错了，想要再次配置，一定要先删掉之前的项目，删除方法如下图所示，点开Geberal下滑到最下面就可以删掉了。
但是仅仅在这里删掉是没有用的。还需要进入自己的GitHub网站，你会发现那里也创建了一个同名项目，需要将它也删除。
（这个错误也硬控我半小时😾）
如果跟着教程文档配置结束后，也排除了我的文章里的问题，还是没有成功，可以在这里或教程下留下评论，让大家一起找找。听说有官方QQ群，但是不知道是哪个😴