通过 Waline 给你的静态网站添加评论功能 （以 VitePress 为例）

本文首发于只抄博客，欢迎点击原文链接了解更多内容。

前言

如今各类云平台层出不穷，想要搭建一个博客不再需要购买 VPS，甚至连虚拟主机也可以免了，使用 Hexo、VitePress 这类静态博客框架就可以在云平台上自动构建实现公开访问了。

但与 WordPress、Typecho 这类动态博客相比，静态博客在部分功能上还是有些局限的，比如博客如果需要展示大量图片受限于云平台提供的空间和流量，需要单独存放在第三方的图床或者对象存储中；评论功能这些包含互动的动态功能也需要使用第三方的评论系统来实现。

对于图片，在之前的文章里已经通过自建 Minio 实现了，具体可以查看《使用 MinIO 与 PicList 自建对象存储与图床》，今天要解决的就是评论功能了。第三方评论系统有很多，部署起来最省事的自然是几个基于 Github 的评论系统了，但是对于用户来说体验并不友好，需要登录 Github 账号才可以评论，并且数据也存储在 Github 的 Issues 或者 Discussions 中，感觉有些杂乱。

关于 Waline

个人最推荐的还是 Waline，支持的部署方式以及数据库非常的多，进可使用 VPS 独立部署，退可白嫖云平台免费部署，非常的灵活。除此之外，评论通知方式也支持各类常见的通知，例如邮件、飞书等等。

• 部署方式：独立部署、Vercel、阿里云函数、百度云函数、CloudBase 云开发、Netlify、Railway、Vercel、Zeabur
• 数据库：MongoDB、MySQL、TiDB、SQLite、PostgreSQL、CloudBase、Github
• 通知方式：邮件、微信、企业微信、QQ、电报、PushPlus、Discord、飞书

官方推荐的部署方式是通过 Vercel 部署服务端，使用 LeanCloud 作为数据库，两者的免费额度基本够用，不需要额外付费，可以参考官方文档的快速上手，想用其他的云平台部署也比较简单，大部分都可以通过官方提供的模板一键部署。

我选择的是独立部署，在 VPS 上通过 Node.js 直接运行，使用 MongoDB 作为数据库，官方文档关于这种部署方式的介绍比较简略，下面详细介绍一下。

服务端部署

以下部署流程默认 VPS 上已经有 Node.js 环境并安装好 MongoDB 数据库

Waline 已经发布了 npm 包，因此有 Node.js 环境下部署 Waline 非常简单，只需要配置相关的环境变量，通过 PM2 启动就可以了。

首先，通过 mkdir waline 创建一个文件夹用于存放 Waline，然后通过 npm init -y 初始化，就会在目录中看到一个 package.json 文件了