Hexo-next主题添加Waline评论系统

有了个人域名后选择了Waline评论系统~

update 2023.2.3:2022下半年备案时担心交互式就关闭了评论,现在懒得开了,本文方法还是能用的。

之前试过畅言,不喜欢那个界面,其他Next主题给的评论系统国内基本都不好用,最后选择了Waline,一款基于 Valine 衍生的简洁、安全的评论系统。

LeanCloud配置

LeanCloud国际版可以不用备案域名,注册后创建应用,开发板,随便起名。接下来进入控制台,设置,应用Keys,将AppID,AppKey,MasterKey记下来,后面会用到。

在域名绑定处绑定自己的域名,在域名注册处解析。

Waline配置

按官网提示,进入Vercel进行配置。

创建Github仓库,一步步来,仓库名称可以随便起。

创建后,进行部署,之后配置三个环境变量LEAN_IDLEAN_KEYLEAN_MASTER_KEY,分别对应上一步记下来的AppID,AppKey,MasterKey,创建后点击左上角Deployment,右边三个点点进去进行重新部署。

next配置

安装插件:

1
npm install @waline/hexo-next

在next主题配置文件中加入以下内容:

1
2
3
4
5
6
7
8
9
10
11
12
waline:
enable: true #是否开启
serverURL: xxx #前面部署的 Vercel 地址
placeholder: 文明发言,友好交流~ #评论框的默认文字
avatar: mm # 头像风格
meta: [nick, mail, link] # 自定义评论框上面的三个输入框的内容
pageSize: 10 # 评论数量多少时显示分页
lang: zh-cn # 语言, 可选值: en, zh-cn
visitor: false # 文章阅读统计
comment_count: true # 如果为 false , 评论数量只会在当前评论页面显示, 主页则不显示
requiredFields: [nick] # 设置用户评论时必填的信息,[nick,mail]: [nick] | [nick, mail]
libUrl: # Set custom library cdn url

管理端

hexo clean && hexo s && hexo deploy后就能看到了~在<serverURL>/ui/register第一个注册的人被设定为管理员,可以管理评论内容。