hexo+Next8.1.0+waline1.6.0踩坑记录

说明：由于Next8.1.0移除了对valine的内置支持，转而使用waline。在配置的过程中踩的一些坑。

---

1. waline官方网址 https://waline.js.org/

2. 注册LeanCloud

LeanCloud地址：https://console.leancloud.app/，注册登录时最好选择国际版。

3. 创建应用

点击左上角创建应用按钮：

名称和描述随便填一个名字：

创建完成后如下图所示：

点击左下的 设置 > 应用凭证，可以看到你自己的AppID、AppKey、MasterKey，在后面的部署需要用到：

4. 回到LeanCloud页进行部署

https://waline.js.org/guide/get-started.html

vercel项目名随便写，好了点create。等待部署成功后，此时点击 Go to Dashboard 可以跳转到应用的控制台。

点击顶部的 Settings - Environment Variables 进入环境变量配置页，并配置三个环境变量 LEAN_ID, LEAN_KEY 和 LEAN_MASTER_KEY 。它们的值分别对应上一步在 LeanCloud 中获得的 APP ID, APP KEY, Master Key。

好了，到这一步坑来了，先别急着部署，评论设置肯定要有评论通知，这里我采用邮件通知的方式。官网的消息通知需要设置环境变量参数，起初我以为是设置在LeanCloud上的，毕竟受了之前valine的先入为主，结果试了下无法接收到邮件通知。所以我想是不是设置在vercel上的？？？把环境变量参数填上试试咯，果然可以接收邮件通知了。我的如下图设置：

注意SMTP_PASS要到你邮箱开启，填入授权码：

设置完后进行部署。

3. 在Next中配置

先到你hexo的站点目录下安装waline：

npm install @waline/hexo-next --save

找到Next主题配置文件，我这里是在站点目录下的_config.next.yml进行如下配置，方便日后升级覆盖：

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

到此，就可以进行评论同时可以接收到邮件通知了。

4. waline自带后台评论管理

当评论插件都设置完成可以使用后，尽快登录 https://xxxxxxxx.vercel.app/ui/login进行第一次注册登录，第一次会当成管理员。注意：这里xxxxxxxx.vercel.app是你vercel部署后分配的vercel域名。