Hexo开启评论功能

在这个模板中,推荐使用Waline作为评论系统。Waline是一款基于 Valine 衍生的简洁、安全的评论系统。

Waline的配置与使用主要参考了官方文档。最大的不同之处在于头像的设置。

头像的设置

所谓头像,就是下图中账号名称前面的头像。一般来说,使用互联网公共头像服务,让用户将自己的邮箱和头像绑定到一起。在评论时,用户输入自己的邮箱,头像服务会自动将该邮箱的头像显示出来。

在博客当中,一般使用gravatar.com作为头像服务。但由于众所周知的原因,此网站国内无法访问。

在此博客中,我使用了Cravatar作为头像服务。

绑定自己的邮箱和头像

  1. 你需要登录或注册Cravatar

  2. 然后在管理头像中,设置自己的头像即可。如下图

LeanCloud设置

请参考官方文档配置LeanCloud。

Vercel部署(服务器)

请参考官方文档

需要注意的是,在第4步,配置环境变量时,我们需要配置头像服务。

具体的,设置GRAVATAR_STRhttps://cravatar.cn/avatar/{{mail|md5}}?d=mp,设置AVATAR_PROXYfalse

其中链接中的?d=mp表示如果用户没有设置头像,则默认头像为mp。此外还有一些默认头像可供选择,如下图:

评论管理 (管理端)

  1. 部署完成后,请访问 <serverURL>/ui/register 进行注册。首个注册的人会被设定成管理员。
  2. 管理员登陆后,即可看到评论管理界面。在这里可以修改、标记或删除评论。
  3. 用户也可通过评论框注册账号,登陆后会跳转到自己的档案页。

themes/pure/_config.yml的设置

配置文件如下,需要注意serverURL需填写自己的地址,即在Vercel部署时生成的地址。

1
2
3
4
5
6
7
8
9
10
comment:
type: waline # 启用哪种评论系统

waline: # Waline. https://waline.js.org/
serverURL: https://tech-waline.vercel.app # your leancloud application appid
placeholder: "请填写正确的昵称和邮箱,方便接收评论回复信息哦。"
avatar: 'monsterid' # gravatar style
meta: nick,mail,link # custom comment header
pageSize: 10 # pagination size
lang: zh