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

更新于 分类于 阅读次数： 本文字数： 976 阅读时长 ≈ 1 分钟

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

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

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

LeanCloud配置

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

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

Waline配置

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

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

创建后，进行部署，之后配置三个环境变量LEAN_ID、LEAN_KEY 和 LEAN_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第一个注册的人被设定为管理员，可以管理评论内容。

​