3 分钟快速部署免费 Waline 评论系统完整版
无需服务器、全程免费，详解 Waline 评论系统搭建、数据库配置、域名绑定与网站接入步骤，适合个人博客自用。
2026年05月08日 星期五
1289 字 · 7 分钟
只需几个步骤，3 分钟快速教你在你的网站中启用Waline提供评论与浏览量服务。B站原视频↗
GitHub项目地址：https://github.com/walinejs/waline
快速上手指南：https://waline.js.org/guide/get-started
一、部署服务端：
1、点击 【▶️Deploy↗】跳转至 Vercel 进行 Server 端部署。
💬 注
如果你未登录的话，Vercel 会让你注册或登录，请使用 GitHub 账户进行快捷登录。
2、输入一个你喜欢的 Vercel 项目名称并点击 Create 继续:
3、此时 Vercel 会基于Waline模板帮助你新建并初始化仓库，仓库名为你之前输入的项目名。
一两分钟后，满屏的烟花会庆祝你部署成功。此时点击 Continue to Dashboard 可以跳转到应用的控制台。
二、创建数据库
1、点击左侧边栏的 Storage 进入存储服务配置页，进入 Create Database 创建数据库，然后 Marketplace Database Providers 数据库服务选择 Neon，点击 Create 进行下一步。
2、Terms of Service 用户服务协议，点击 Accept and Create ，然后 Configuration and Plan 配置与方案里的都默认不需要更改，接着点击 Continue ，接下来 Confirmation 确认页面点击 Create ，进入配置成功页面后继续点击 Continue 进行下一步。
3、选择我们创建的Waline的项目，然后点击按钮继续(前3个选项必须勾选，最下面两个选项可以不勾选)
4、这时候 Storage 下就有你创建的数据库服务了，点击进去选择 Open in Neon 跳转到 Neon，然后在 Neon 界面左侧选择 SQL Editor
5、进入SQL Editor 后，将下面的 SQL 语句粘贴进编辑器中，点击 Run 执行创建表操作。
CREATE SEQUENCE wl_comment_seq;
CREATE TABLE wl_comment (
id int check (id > 0) NOT NULL DEFAULT NEXTVAL ('wl_comment_seq'),
user_id int DEFAULT NULL,
comment text,
insertedAt timestamp(0) without time zone NOT NULL DEFAULT CURRENT_TIMESTAMP,
ip varchar(100) DEFAULT '',
link varchar(255) DEFAULT NULL,
mail varchar(255) DEFAULT NULL,
nick varchar(255) DEFAULT NULL,
pid int DEFAULT NULL,
rid int DEFAULT NULL,
sticky numeric DEFAULT NULL,
status varchar(50) NOT NULL DEFAULT '',
"like" int DEFAULT NULL,
ua text,
url varchar(255) DEFAULT NULL,
createdAt timestamp(0) without time zone NULL DEFAULT CURRENT_TIMESTAMP,
updatedAt timestamp(0) without time zone NULL DEFAULT CURRENT_TIMESTAMP,
PRIMARY KEY (id)
) ;
CREATE SEQUENCE wl_counter_seq;
CREATE TABLE wl_counter (
id int check (id > 0) NOT NULL DEFAULT NEXTVAL ('wl_counter_seq'),
time int DEFAULT NULL,
reaction0 int DEFAULT NULL,
reaction1 int DEFAULT NULL,
reaction2 int DEFAULT NULL,
reaction3 int DEFAULT NULL,
reaction4 int DEFAULT NULL,
reaction5 int DEFAULT NULL,
reaction6 int DEFAULT NULL,
reaction7 int DEFAULT NULL,
reaction8 int DEFAULT NULL,
url varchar(255) NOT NULL DEFAULT '',
createdAt timestamp(0) without time zone NULL DEFAULT CURRENT_TIMESTAMP,
updatedAt timestamp(0) without time zone NULL DEFAULT CURRENT_TIMESTAMP,
PRIMARY KEY (id)
) ;
CREATE SEQUENCE wl_users_seq;
CREATE TABLE wl_users (
id int check (id > 0) NOT NULL DEFAULT NEXTVAL ('wl_users_seq'),
display_name varchar(255) NOT NULL DEFAULT '',
email varchar(255) NOT NULL DEFAULT '',
password varchar(255) NOT NULL DEFAULT '',
type varchar(50) NOT NULL DEFAULT '',
label varchar(255) DEFAULT NULL,
url varchar(255) DEFAULT NULL,
avatar varchar(255) DEFAULT NULL,
github varchar(255) DEFAULT NULL,
twitter varchar(255) DEFAULT NULL,
facebook varchar(255) DEFAULT NULL,
google varchar(255) DEFAULT NULL,
weibo varchar(255) DEFAULT NULL,
qq varchar(255) DEFAULT NULL,
oidc varchar(255) DEFAULT NULL,
huawei varchar(255) DEFAULT NULL,
"2fa" varchar(32) DEFAULT NULL,
createdAt timestamp(0) without time zone NULL DEFAULT CURRENT_TIMESTAMP,
updatedAt timestamp(0) without time zone NULL DEFAULT CURRENT_TIMESTAMP,
PRIMARY KEY (id)
) ;
6、稍等片刻之后会告知你创建成功。此时回到 Vercel，找到你的Waline项目，然后点击 Deloeyments进入部署页面，选择最近或最新的部署项，点击[…]，然后点 Redeploy 按钮进行重新部署。该步骤是为了让刚才配置的数据库服务生效。
7、等待片刻后 STATUS 会变成 Ready，代表Waline部署成功。此时请点击 Visit ，即可跳转到部署好的网站地址，此地址即为你的服务端地址。
三、绑定域名
利用托管在Cloudflare的免费二级域名去绑定部署好的评论网站地址xxx.vercel.app
1、回到Vercel，点击 Domains 进入域名配置页，接着点击AddExisting
2、输入已在Cloudflare绑定好的二级域名，然后点击 Save
3、接着点开Learnmore，然后按照页面上的提示，去到Cloudflare托管的域名中添加解析记录
4、添加好之后，回到Vercel点击 Refresh ，刷新下状态，让Vercel给我们颁发完证书就可以用绑定的域名进入Waline
5、进入Waline后，点击登录可打开注册页面，也可以访问/ui/register 进行注册。首个注册的人会被设定成管理员。管理员登陆后，即可看到评论管理界面。在这里可以修改、标记或删除评论。
四、网站引入Waline系统
在你的网页中进行如下设置:
1、导入 Waline 样式 https://unpkg.com/@waline/client@v3/dist/waline.css。↗
2、创建的 init() 函数初始化，并传入必要的 el 与 serverURL 选项。
el 选项是Waline渲染使用的元素，你可以设置一个字符串形式的 CSS 选择器或者一个 HTMLElement 对象。 serverURL 是服务端的地址，即上一步你绑定的那个域名。
<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>至此，评论服务就会在你的网站上成功运行 🎉
Thanks for reading!
留言评论