Gridea+utterances评论区系统
引子
或许很多人看到这个都非常的不解,gridea自带的不香吗,主题自带的不香吗,非得用这个干嘛
原因:我想怎么了
其实原因很简单:
1. gitalk需要配置Issue,我调试了半天就是没有搞好,还何谈写文章?
1. 而主题自带的 Valine需要实名认证,对于我来说就是写一个禁止入内。
utterances也是一款基于GitHub的评论系统,其实它就相当于把在GitHub问题一栏中存储评论,需要的时候爬过来。也就是说,你在仓库里面点击问题按钮还可以看到你的评论集合。
当然,如果你有手机号和支付宝的话,还是推荐Valine,因为utterances的输入框在评论区的最下面(看看我博客的残样子就知道了)
行了,废话不多说,开始!
准备工作
gridea打开相应文件
不会还有人不知道站点源文件在那吧!
嗯,点击「gridea」最左下角的设置符号->「站点源文件目录」照着这个打开就可以了
打开站点源文件过后我们再按照一下打开相应文件(最后一个文件打开的时候记事本🗒️什么的都是可以的
「themes」->「你的主题」->「templates」->「post.ejs」
然后把它放在哪里,这辈子都不用管了
安装GitHub应用
我推荐的东西都是比较方便的,点击这个链接就可以跳转到个GitHub里面了,授权你的博客在的仓库就可以了。
由于我手快脑子慢,操作的时候忘了截图了,大家就自己操作吧,操作的还是比较简单的,实在不行一路确定也不是不可以,但还是建议授权自己博客在的仓库就可以了。
好了,你的准备工作就结束了。
安装评论系统
获取代码
首先点击这个网址,里面英文比较多,所以我已经给你总结好了,做好的评论区是浅色主题,问题也可以在GitHub仓库的问题中以你文章的标题查看到。(需要其他主题或者特殊设置的可以在评论区问我或者自己用浏览器翻译页面)
首先,复制下面的代码,把里面的仓库名称改成你的,按照我的模版改,是 用户名/用户名.github.io
<script src="https://utteranc.es/client.js"
repo="owenzjg/owenzjg.github.io"
issue-term="title"
theme="github-light"
crossorigin="anonymous"
async>
</script>
修改好代码过后,打开第一步的那个「post.ejs」,然后在我的这个位置插入代码(我的代码修改过,可能和你们有几行不一样,不用在意)
注:我在前面更换主题的文章说过,我有的是「pure」主题,其他主题应该相差不大,有问题可以留言区问我。而且可以多试几次,上下调整几行,就说不定可以了!
然后保存后退出,在「Gridea」里面点击预览就可以了!
好了,这个就到这里了,大家的留言区都做好了吗?
原理介绍
这个的原理其实就是GitHub的每一个仓库都有提问模块,这个其实就相当于把提问模块搬到了你的博客里面,所以说你在GitHub里的那个仓库的issues也可以看到。而问题的标题我设置的是你网站的标题,其他的我都试过了,不太好,你也可以调整。如果你的网页是暗色模式,你也可以留言区问我我给你暗色模式的代码。