为hexo博客更换Waline评论系统

前言

 由于之前的Next版本太低了，想更新到最新版，于是今天花了半天的功夫来弄它，最后基本还原了之前博客的所有功能，但是我发现主题配置文件里没有Valine的相关配置了。于是我上网查了一下，发现Next v8.1.0版本就已经移除了Valine，具体原因如下：

 于是我按照他给的方法，自己安装了hexo-next-valine插件，进行了一系列的配置，最后发现不行，Valine页面加载不出来。于是我又继续网上寻找帮助，直到我看见了下面这段公告：

 看来Valine是没法用了，于是我又尝试了Next提供的其他的评论系统，结果都不太尽如人意。最后迫不得已取询问群里的大佬，大佬给我说可以用Waline，这是在Valine基础上开发的，与Valine的功能基本相同，但是更加的安全。

 说干就干，由于有了配置Valine的基础，Waline配置起来十分的顺利，很快就完成了，效果如如下：

正文

 上面废话了这么多，接下来开始进入正题，大家可以点击Waline配置查看原文，也可以继续看我的文章😎

1 配置评论数据库

 Waline 和 Valine 一样，也是支持基于 LeanCloud 作为数据存储的，但是 Waline 支持的部署方式更多。Waline配置数据库的方法和Valine的配置方法一样，有基础的兄弟可以自行去配置了，第一次使用的按照我的步骤一步一步来。

1.1 注册Lean Cloud

 LeanCloud 分为国内和国际版的。国内的在 2019-10-1 之后需要自定义已备案域名才能使用，所以我这里使用国际版，先到 LeanCloud 国际版注册一个账号，注意还需要验证邮箱和手机号。

1.2 创建应用

 点击创建应用按钮：

 注意选择开发版：

 创建好之后进入设置，查看应用Keys：

2 配置服务端

 先点击vercel注册一个账号(支持Github账号直接登录)，然后点击Deploy出现以下画面，然后输入项目的名称点击Create。

 然后等待下面 Deploy 构建完成，点击 Go to Dashboard。

 找到 Settings——>Environment Variables，配置环境变量：

 我们需要配置三个环境变量，对应如下表：

Vercel Environment(填入到NAME框下)	Lean Cloud(各项对应的值填入到VALUE框下)
LEAN_ID	AppID
LEAN_KEY	AppKey
LEAN_MASTER_KEY	MasterKey

如果你使用 LeanCloud 国内版，请额外配置 LEAN_SERVER 环境变量，值为你绑定好的域名。

 为了使环境变量生效，我们需要重新构建一次。在上方找到 Deployments ，选择第一个右边的三个点，点击 Redeploy 。

 等待其构建结束，然后记住 DOMAINS 中的域名地址，至此服务端的部署就结束了，接下来就是在Hexo Next主题下的配置了：

3 在Hexo Next主题中配置

 由于 Next 主题中并不自带 Waline 的评论配置，我们需要安装官方提供的插件。在 Hexo 根目录执行：

npm install @waline/hexo-next

 下载完成后，找到 Next 的主题配置文件，在最后加上以下代码：

# 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

 重新部署Hexo，就可以看到结果啦。

4 登录服务端

 由于 Waline 有服务端，支持评论管理，我们需要注册一个账号作为管理员。找到评论框，点击 登录 按钮，会弹出一个窗口，找到用户注册，默认第一个注册的用户为管理员，所以部署好一定要记得及时注册，注册好，登录之后即可进入评论管理的后台，可以对评论进行管理。

5 邮件实时提醒

 这一部分的设置方法和Valine的完全相同，大家可以点击设置Valine评论，然后找到第五部分查看如何设置，这里我就不多说了。

 到此，整个Waline评论系统设置完成了。大家有什么不明白的可以在下面留言，我会及时回复的！

------ 本文结束 感谢您的阅读------