整个博客界面是基于Chic主题来修改的,原主题并没有评论的功能,没有互动怎么能叫做博客呢,经过查找,终于找到一种很简单的可以部署评论的方法,事不宜迟,请看下文!

Gitalk介绍

gitalk是官方开源的一个很便捷的评论部署工具,它使用 GitHub 登录,而且支持多种语言,可以在原基础上进行主题修改等等。GITALK

Gitalk配置

基于Chic主题的gitalk配置网上有太多案例,这里给两个参考链接,按照其中步骤操作即可。

YuanLiChenAi’s Blog

Myoontyee’Blog

img

提醒:配置完Gitalk后,以后每发一篇文章都需要用自己账号进行初始化。

关于配置完Gitalk后出现评论区宽度过大的问题

按照文件路径themes\Chic\source\css\custom.styl打开后加入下列代码:

1
2
3
4
5
// Gitalk评论样式
.gt-container {
max-width: 780px;
margin: auto;
}

如果发现更改完后仍会出现上述问题,则是系统的自身问题,过一段时间后(一两周)评论区就会恢复正常。

关于配置完Gitalk后出现Error: Network Error

究其原因是gitalk系统默认的token给墙了,因此我们需要更改代理。

解决 Gitalk 无法获取 Github Token 问题

在上述给出链接中,博主详细地给出了用netlify和Vercel部署token的方法,为了方便,我使用了上诉链接博主给出的token,使用方法如下:

按照文件路径themes\Chic\layout\_plugins\gitalk.ejs打开,在script里面多加一句

1
proxy: '<%= theme.gitalk.proxy %>'

注意最后一句代码后面不带逗号

随后打开主题_config.yml在gitalk那里最后添加部署的token

1
proxy: XXXXXXXXX(XXXXXXXXX代表token链接)

如下图所示:
img

经过上述的设置后基本能解决大部分的Network Error的问题,这里建议如果担心token不安全,还是自己部署一个token

(新手第一次写博客,如有错误和不好的地方,请多担待,另外对程序有问题请提出噢!)