参考教程：https://waline.js.org/guide/get-started.html

1.在hexo的配置文件中启用评论功能。

文件位置：/home/Disk/2Tsda/app/weitung/_config.butterfly.yml
　　
use的配置改为waline。 　　

1
2
3
4
5
6
7
8
9
10
comments:
  # Up to two comments system, the first will be shown as default
  # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/Artalk
  use: waline
  text: true # Display the comment name next to the button
  # lazyload: The comment system will be load when comment element enters the browser's viewport.
  # If you set it to true, the comment count will be invalid
  lazyload: false
  count: false # Display comment count in post's top_img
  card_post_count: false # Display comment count in Home Page

2.设置leancloud的实例。

打开leancloud网站。https://console.leancloud.app/apps
　　
点击左上角 创建应用 并起一个你喜欢的名字 (请选择免费的开发版)
　　
进入应用，选择左下角的 设置 > 应用 Key。你可以看到你的 APP ID,APP Key 和 Master Key。请记录它们，以便后续使用。 　

3.设置Vercel 部署 (服务端)

点击上方按钮，跳转至 Vercel 进行 Server 端部署。https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fwalinejs%2Fwaline%2Ftree%2Fmain%2Fexample

选择GitHub然后输入一个你喜欢的 Vercel 项目名称并点击 Create 继续。

此时 Vercel 会基于 Waline 模板帮助你新建并初始化仓库，仓库名为你之前输入的项目名。

一两分钟后，满屏的烟花会庆祝你部署成功。此时点击 Go to Dashboard 可以跳转到应用的控制台。

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

如果你用tg进行评论提醒的话，把tg的变量也加进去。

1
2
3
4
5
6
TG_BOT_TOKEN: Telegram 机器人用于访问 HTTP API 的 token，通过 @BotFather 创建机器人获取，必填。
TG_CHAT_ID: 接收消息对象的 chat_id，可以是单一用户、频道、群组，通过 @userinfobot 获取，必填。
AUTHOR_EMAIL: 博主邮箱，用来区分发布的评论是否是博主本身发布的。如果是博主发布的则不进行提醒通知。
SITE_NAME: 网站名称，用于在消息中显示。
SITE_URL: 网站地址，用于在消息中显示。
TG_TEMPLATE: Telegram 使用的通知模板，变量与具体格式可参见下文的通知模板。未配置则使用默认模板。

TG_TEMPLATE如下：

1
2
3
4
5
6
7
8
9
10
11
💬 _[{{site.name}}]({{site.url}}) 有新评论啦_

_{{self.nick}}_ 回复说:

{{self.comment-}}

{{-self.commentLink}}
_邮箱_: `{{self.mail}}`
_审核_: {{self.status}}

仅供评论预览，点击 [查看完整內容]({{site.postUrl}})

环境变量配置完成之后点击顶部的 Deployments 点击顶部最新的一次部署右侧的 Redeploy 按钮进行重新部署。该步骤是为了让刚才设置的环境变量生效。

3.设置hexo的配置

文件位置：/home/Disk/2Tsda/app/weitung/_config.butterfly.yml

填入waline的地址，可在项目地址中找到。 　　

1
2
3
4
5
waline:
  serverURL: # Waline server address url
  bg: # waline background
  visitor: false
  option:

然后部署hexo。

4.注册waline的管理员

打开的vercel的waline应用的visit。并在链接后加/ui，即可注册管理员账号。

至此，waline的后台管理已经设置OK。登录博客网站，进行评论测试，既可看到用户留言。

5.答复提醒

如果你还想答复评论后，访客邮箱收到提醒，则需要继续配置邮件通知的设置。

邮件通知需要配置以下环境变量:

1
2
3
4
5
6
7
8
SMTP_SERVICE: SMTP 邮件发送服务提供商。
SMTP_USER: SMTP 邮件发送服务的用户名，一般为登录邮箱。
SMTP_PASS: SMTP 邮件发送服务的密码，一般为邮箱登录密码，部分邮箱(例如 163)是单独的 SMTP 密码。
SMTP_SECURE: 是否使用 SSL 连接 SMTP。
SITE_NAME: 网站名称，用于在消息中显示。
SITE_URL: 网站地址，用于在消息中显示。
AUTHOR_EMAIL: 博主邮箱，用来接收新评论通知。如果是博主发布的评论则不进行提醒通知。
MAIL_TEMPLATE: 自定义评论回复邮件内容

SMTP_SERVICE设置为163
SMTP_USER设置为163邮箱
SMTP_PASS设置为独立密码
SMTP_SECURE设置为SSL
SITE_NAME、SITE_URL、AUTHOR_EMAIL在设置tg通知时已经设置，不在设置。
MAIL_TEMPLATE设置如下：

1
2
3
4
5
6
7
💬 {{site.name|safe}} 有新评论啦
{{self.nick}} 评论道:
{{self.comment}}
邮箱: {{self.mail}}
状态: {{self.status}}
仅供评论预览，查看完整內容:
{{site.postUrl}}

然后重新部署vercel实例，那么博主对访客的答复，访客可以收到邮件提醒。