评论区改版

从 Livere 到 Waline

原评论区用 Livere

初步调研选定 Livere 和 gittalk,考虑到很多浏览的小伙伴都没有 Github 账号,又因为

我大天朝无奇不有,Github 处于半墙状态,不好弄

而 Livere 支持 QQ,微信等第三方登陆,降低大众评论门槛,然而还是没有一个人评论

最终选定 Livere ,这个评论系统好在配置简单,主题直接集成,缺点嘛就是由于是韩国公司提供的,而且只有刷到文章最下面才会加载,Livere 的评论系统加载有一丢丢慢,不过也不是不能用。

可就在今天,我竟然在 Livere 的评论区下看到了很大一栏的广告,还是韩文的。搜了一下了解到它确实和广告公司合作在评论区插广告了。

重度强迫症患者不会允许自己的网站有别人家的广告,不能惯着,直接把评论区关了。

还把自己的 Livere 账户冻结了,下一步企图删除账户(反正也没有一条评论),很气人的不知道为什么到了最后一步点击确定删除,一直点都没反应,一点取消就取消了,我不知道是它的问题还是我的问题,如果它故意这样,那就真气人。

想着评论区要不就直接关了吧,再三强调,访客次数到一千了也没有一条评论,确实没有存在的必要。

又想着不忘初心,自己本来也就没打算怎样,都是出于兴趣,自己爱折腾,就继续折腾一下,找别的评论系统。

从 Valine 到 Waline

又进一步发掘,找到了 Valine 这个评论系统,也经常在别人博客中看见,无需登陆,可以留下自己的信息,进一步降低评论门槛,留下邮箱还有评论回复提醒,功能挺符合我想要的呢。

动手干了以后,第一遍不行,评论区的框是有了,可是写完提交没反应,数据库里也没有记录。又找了个教程,一步一步跟着做了一遍,还是不行。搜为什么 Valine 提交没反应,按着几个解决方案来了一遍,就是不行。真能折腾啊。

更让我没想到的是,要折腾的更在后面。

一篇文章说,Valine 停止对高版本 Next 主题的支持,所以想用 Valine 建议回退到 5.x 的 Next 版本,让我退步是不可能的。它还说现在有一个更好的 Waline,听名字就是 Valine 的兄弟,说是等于 Valine + 后端,咱也不懂,就说这个比 Valine 更难部署一点,但是更加安全,于是就继续折腾。

还说使用这个 Next 主题最好要更到 8.x ,我的是 7.x ,看它升级一次主题好麻烦呀,配置文件要重新搞,还有原来功能就没了,兼容问题也要考虑。纠结了老大一会儿,试着搞了一下,还真给搞坏了。幸好我改之前备份了一下,立马式的换回来了。想着要不就算了。。。

但咱就是爱折腾

就是为了这个评论区才升级了 Next 主题

整个主题都变了,又从头修改了一下 Next 主题 config.yml 的配置,第二遍弄就是不一样,大概一个晚上就基本配置完成了。

最令人头疼的是那种改了 css 文件的更改项,比如下面这个修改文章内链接文本样式。这种需要直接改网页生成文件,而 Next 主题变了以后这些文件又变成初始那样了,还有可能跟原版文件结构不同。

修改文章内链接文本样式

参考文章:Hexo的Next主题详细配置 - 简书 (jianshu.com) 第12点

Next主题自带的链接文本只有下划线,看起来很不明显,主题配置文件中也没有提供可供更改的配置项,只能通过更改 css 文件来实现,这种是升级主题过程中最麻烦的一种。

找了很多文章,都让改 ./themes/source/css/_custom/custom.styl ,但是我根本没找到 _custom 这个文件夹,用了参考文章的办法做出来了。

打开文件 themes/next/source/css/_common/components/post/post-body.styl,在末尾添加

1
2
3
4
5
6
7
8
9
10
.post-body p a {
color: #0593d3;
border-bottom: none;
border-bottom: 1px solid #0593d3;
&:hover {
color: #fc6423;
border-bottom: none;
border-bottom: 1px solid #fc6423;
}
}

这里的末尾是真真正正的末尾,我还自作聪明在那个最大的花括号里面加的,但是不行。拉到文件最最后什么的也没有的地方粘贴以上代码。