Waline评论在Vercel部署
4 月 14 日, 2025
使用Waline评论我喜欢使用的部署方法(个人认为最简便)
所需账号
- 一个Github账号
- 一个Vercel账号
- 一个leancloud账号(最好是国际服的，你有了Github难道还用大陆的吗？大陆的要备案，故在这里不阐述，末尾放原文链接)
在 leancloud 里创建数据库
- 登录 或 注册
LeanCloud 国际版并进入 控制台 - 点击左上角 创建应用 并起一个你喜欢的名字 (请选择免费的开发版):
- 进入应用，选择左下角的
设置>应用 Key。记录APP ID,APP Key和Master Key
在 Vercel 部署
- 点击上方按钮跳转至 Vercel 部署
- 输入项目名称并点击
Create - 部署完成后点击
Go to Dashboard - 配置环境变量
LEAN_ID,LEAN_KEY,LEAN_MASTER_KEY - 重新部署使环境变量生效
HTML 引入 (客户端)
<head>
<link
rel="stylesheet"
href="https://unpkg.com/@waline/client@v3/dist/waline.css"
/>
</head>
<body>
<div id="waline"></div>
<script type="module">
import { init } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
init({
el: '#waline',
serverURL: 'https://your-domain.vercel.app',
});
</script>
</body>
评论服务 (服务端)
- 评论服务此时就会在你的网站上成功运行。
评论管理 (管理端)
- 部署完成后，请访问
<serverURL>/ui/register进行注册。首个注册的人会被设定成管理员。 - 管理员登陆后，即可看到评论管理界面。在这里可以修改、标记或删除评论。
- 用户也可通过评论框注册账号，登陆后会跳转到自己的档案页。
视频教程
以下是热心用户制作的视频教程，以上操作不清楚的也可以参考一二。
Waline 部署教程（快速上手）
UP 主：rickroll 摇
使用 Vercel 简单地部署 Waline 评论系统
UP 主：岚天呀
以上为部分修改原文
更新于 2025-04-14
Waline