Next主题增加Waline评论系统

原文：https://c12th.cn/archives/9.html

前言

原教程源自 谢同学 为 Next 主题添加 Waline 评论系统

教程演示版本为 Next 8.12.2

注：经测试 5.1.4 ， 7.8.0 版本装完插件后都会报错。 测试当前最新版 8.12.2 是可用， 从 8.0.0 ~ 8.12.2 之间版本请自行测试。

---

教程

配置 LeanClou 国际版

1. 登录 / 注册 LeanClou 国际版

2. 点击 创建应用 ，自定义名称 ， 选择 开发版

3. 找到 设置 ，点击 安全中心 ， 把 数据储存 打开，其余全关闭

4. 找到 云引擎 ， 点击 WEB ， 后再点击 部署

5. 点击 部署项目 ，后点击 Git 部署 , 再点击 配置 Git ，把 https://github.com/W4J1e/Hexo-Valine-ASPush 输入， 保存

  https://github.com/W4J1e/Hexo-Valine-ASPush

6. 点击 部署项目 ， 后 下拉 点击 部署 ，等待部署完成

7. 找到 定时任务 ，点击 创建定时任务 ，配置 以下内容 共两个 ， 保存

  名称：    唤醒服务器
  函数：    self_wake
  表达式：  0 0/30 7-23 * * ? 

  名称：    复查
  函数：    resend_mails
  表达式：  0 0 8 * * ?

注：如遇到不显示函数，刷新页面即可；还不显示就回到主页，再进配置页面

8. 找到 设置 ，点击 添加 ， 配置 以下内容 ， 保存 (该部分配置为游客评论邮箱提醒功能)

SENDER_NAME       博主名
SITE_NAME         博客名
SITE_URL          博客网址
SMTP_PASS         授权码
SMTP_SERVICE      邮箱
SMTP_USER         博主邮箱
TEMPLATE_NAME     rainbow

变量名	变量值
SENDER_NAME	博主用户名
SITE_NAME	博客名
SITE_URL	博客网址
SMTP_PASS	授权码
SMTP_SERVICE	邮箱
SMTP_USER	博主邮箱
TEMPLATE_NAME	rainbow

我的配置 ⭣

变量名	变量值
SENDER_NAME	Reverse
SITE_NAME	Reverse -s blog
SITE_URL	https://next.c12th.cn
SMTP_PASS	sjlzxxxxxxxxxxxx
SMTP_SERVICE	qq
SMTP_USER	1308168694@qq.com
TEMPLATE_NAME	rainbow

9. 回到 部署 页面，点击 部署 配置即可生效

10. 回到 设置 页面，点击 应用凭证 ， 记录好 AppID ， AppKey 和 MasterKey 的值

配置 Vercel

原教程源自 官方文档

1. 登录 / 注册 Vercel 账号

2. 点击 + New Project

3. 选择 Import Third-Party Git Repository →

4. 输入 https://github.com/walinejs/waline/tree/main/example ，点击 Continue ，自定义名称 ， 点击 Create ，等待部署

  https://github.com/walinejs/waline/tree/main/example

5. 部署完成后，找到 Settings ，点击 Environment Variables ，把在 LeanClou 国际版 获得的 AppID ， AppKey 和 MasterKey 的值 对应添加填入

LEAN_ID             AppID的值
LEAN_KEY            AppKey的值
LEAN_MASTER_KEY     MasterKey的值

NAME	VALUE
LEAN_ID	AppID的值
LEAN_KEY	AppKey的值
LEAN_MASTER_KEY	MasterKey的值

6. 找到 Deployments ，点击 ⋮ ，后点击 REDEPLOY ， 重新部署即可

7. 重新部署后，域名 + /ui 进入配置页面 ，自行配置

  域名+/ui

Next主题配置

1. 安装 插件

  npm install @waline/hexo-next

2. 在 主题 _config.yml 配置文件，最后一行 增加以下内容

# Waline
# For more information: https://waline.js.org, https://github.com/walinejs/waline
waline:
  enable: true #是否开启
  serverURL: waline-server-pearl.vercel.app # Waline #服务端地址，我们这里就是上面部署的 Vercel 地址
  placeholder: 请文明评论呀 # #评论框的默认文字
  avatar: mm # 头像风格
  meta: [nick, mail, link] # 自定义评论框上面的三个输入框的内容
  pageSize: 10 # 评论数量多少时显示分页
  lang: zh-cn # 语言, 可选值: en, zh-cn
  # Warning: 不要同时启用 `waline.visitor` 以及 `leancloud_visitors`.
  visitor: false # 文章阅读统计
  comment_count: true # 如果为 false , 评论数量只会在当前评论页面显示, 主页则不显示
  requiredFields: [] # 设置用户评论时必填的信息，[nick,mail]: [nick] | [nick, mail]
  libUrl: # Set custom library cdn url

3. 三连 即可

  hexo clean && hexo g && hexo s

---