简言

一个好的博客也是需要一个评论系统的,这里我们使用Valine。

其他评论系统还有 Disqus、Laibili、Gitment、Gitalk、Valine等等。

Valine诞生于2017年8月7日,是一款基于Leancloud的快速、简洁且高效的无后端评论系统。
理论上支持但不限于静态博客,目前已有HexoJekyllTypechoHugo 等博客程序在使用Valine。但是由于这个是基于leancloud的,所以需要注册上面的账号,而且还需要实名认证。

Leancloud注册

创建应用

这里关于注册的细节就不多说了,记得还需要实名认证,绑定邮箱等操作。如果不想认证的话,推荐使用其他的评论插件。

注册好之后,不需要了解,直接点击应用下方的创建应用,点击开发版本,写好名称确定即可

获取应用key

创建好应用之后,我们需要获取hexo需要的两样东西,一个是AppID,一个是AppKey。其他都不要管!

点击此项应用,然后找到应用Keys,复制这两项内容

添加安全域名

我们还需要设置一下Web的安全域名,点击此项服务的安全中心,找到Web安全域名,将自己的域名写入

Hexo主题配置

修改配置文件

我这里的主题是hexo-theme-butterfly,所以修改配置文件

1
2
3
4
5
6
7
8
9
10
11
valine:
enable: false # if you want use valine,please set this value is true
appId: # leancloud application app id
appKey: # leancloud application app key
notify: false # valine mail notify (true/false) https://github.com/xCss/Valine/wiki
verify: false # valine verify code (true/false)
pageSize: 10 # comment list page size
avatar: monsterid # gravatar style https://valine.js.org/#/avatar
lang: en # i18n: zh-cn/en/tw
placeholder: 欢迎畅所欲言 # valine comment input placeholder(like: Please leave your footprints )
guest_info: nick,mail,link #valine comment header inf

开启valine,然后将上面复制的两项加入其中即可。

更多的配置项可以了解下文档

https://valine.js.org/configuration.html

之后就可以重新部署发布就行了,效果还是不错的,快去试一下吧!

修改页面默认评论

在 Hexo 博客中,评论的功能是在所有页面都默认开启的,但是有的时候我们在页面上不需要显示评论功能,例如分类,标记页面我们并不需要评论功能。

我们可以在 Front-matter 中通过comments属性设置true或false控制该页面或者是文章的评论功能是否打开,如我设置标签页面的评论功能关闭:

1
2
3
4
title: 标签
date: 2019-07-18 15:16:50
type: "tags"
comments: false

设置自定义头像

官方文档有详细介绍

https://valine.js.org/avatar.html

使用感受

总体来说还算舒服,完全无广告,可谓之优雅。但由于这个评论系统还在开发中,许多细节还是不够成熟的,例如,发图片只能通过Markdown的形式发,还有安全性比起成熟的第三方评论系统还是比较差的。