使用Waline评论我喜欢使用的部署方法(个人认为最简便)

所需账号

• 一个Github账号

• 一个Vercel账号

• 一个leancloud账号(最好是国际服的，你有了Github难道还用大陆的吗？大陆的要备案，故在这里不阐述，末尾放原文链接)

在 leancloud 里创建数据库

1. 登录 或 注册 LeanCloud 国际版 并进入 控制台

2. 点击左上角 创建应用 并起一个你喜欢的名字 (请选择免费的开发版):

1. 进入应用，选择左下角的 设置 > 应用 Key。你可以看到你的 APP IDAPP Key 和 Master Key。请记录它们，以便后续使用。

在 Vercel 部署

1. 点击上方按钮，跳转至 Vercel 进行 Server 端部署。

1. 输入一个你喜欢的 Vercel 项目名称并点击 Create 继续:

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

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

1. 此时会跳转到 Overview 界面开始部署，等待片刻后 STATUS 会变成 Ready。此时请点击 Visit ，即可跳转到部署好的网站地址，此地址即为你的服务端地址。

绑定域名 (可选)

1. 点击顶部的 Settings - Domains 进入域名配置页

2. 输入需要绑定的域名并点击 Add

1. 在域名服务器商处添加新的 CNAME 解析记录

1. 等待生效，你可以通过自己的域名来访问了。

• 评论系统：example.yourdomain.com

• 评论管理：example.yourdomain.com/ui

HTML 引入 (客户端)

1. 导入 Waline 样式 https://unpkg.com/@waline/client@v3/dist/waline.css。

2. 创建 <script> 标签使用来自 https://unpkg.com/@waline/client@v3/dist/waline.js 的 init() 函数初始化，并传入必要的 el 与 serverURL 选项。

• el 选项是 Waline 渲染使用的元素，你可以设置一个字符串形式的 CSS 选择器或者一个 HTMLElement 对象。

• serverURL 是服务端的地址，即上一步获取到的值。

1. 评论服务此时就会在你的网站上成功运行。

评论管理 (管理端)

1. 部署完成后，请访问 <serverURL>/ui/register 进行注册。首个注册的人会被设定成管理员。

2. 管理员登陆后，即可看到评论管理界面。在这里可以修改、标记或删除评论。

3. 用户也可通过评论框注册账号，登陆后会跳转到自己的档案页。

视频教程

Waline 部署教程（快速上手）

UP 主：rickroll 摇

使用 Vercel 简单地部署 Waline 评论系统

以上为部分修改原文