评论插件-Waline

type

status

date

slug

summary

📝Waline

由于评论插件需要存储功能，所以我这里推荐使用LeanCloud提供的云函数，云数据存储等功能，有付费版和免费版，但免费版已经足够使用，部署的方式自然选择可以免费的vercel

开始前的了解

Vercel

Vercel 是一个基于云的开源平台，专为简化网站和应用程序的部署和管理而设计。其主要作用包括：

无服务器管理：开发者无需处理服务器管理，只需专注于编写代码，即可轻松将项目部署到各种基础架构上。

自动化持续部署：提供自动化的持续部署功能，每次代码变更都能快速部署，确保应用始终保持最新版本。

全球边缘网络加速：利用全球边缘网络加速内容分发，提升网站和应用程序的加载速度和性能。

无缝集成 CI/CD 工作流：无缝集成持续集成和持续交付（CI/CD）工作流，简化开发、测试和部署流程。

丰富的插件和扩展支持：提供多种插件和扩展，增强平台功能，满足不同项目需求。

跨平台部署管理：支持在不同平台和环境中高效便捷地部署和管理代码。

更多详情请访问官网：https://vercel.com。

Waline

Waline 是一款基于 Valine 衍生的简洁、安全的评论系统，主要作用包括：

简洁易用：提供简洁的界面和易于集成的设计，使网站和博客能够快速添加评论功能。

隐私安全：注重用户隐私和数据安全，支持自托管，避免数据泄露风险。

多功能支持：支持多种功能，包括 Markdown 语法、高级表情、评论通知、邮件提醒等，提升用户互动体验。

性能优化：经过优化的性能，确保评论加载速度快，不影响网站整体性能。

可定制化：提供多种配置选项和自定义功能，满足不同网站的个性化需求。

更多详情请访问官网：https://waline.js.org

LeanCloud

LeanCloud（原 AVOS Cloud）是一站式云端服务平台，专注于为移动应用开发者提供全面的后端支持，主要作用包括：

LeanStorage 数据存储：提供灵活且安全的云端数据库服务，支持结构化数据、文件存储和实时数据同步，简化数据管理。

LeanMessage 通信服务：支持即时消息、推送通知和实时聊天功能，提升应用的交互体验。

LeanAnalytics 统计分析：提供强大的数据分析工具，帮助开发者追踪用户行为、分析应用性能，从而做出数据驱动的决策。

LeanModules 拓展模块：提供各种可扩展的模块和插件，满足不同应用的定制化需求，快速集成第三方服务。

LeanCloud 旨在简化和加速应用开发流程，使开发者能够专注于构建优秀的用户体验。更多详情请访问官网：

国际版：https://leancloud.app/

国内版：https://leancloud.cn

1.LeanCloud

1.1注册LeanCloud

国内版:‣注册，注册完需要实名认证进行使用

国际版:‣注册，目前不需要实名认证，这里建议使用国外版

1.2创建应用

注册后登录‣控制台

点击左上角创建应用，选择免费的开发版

进入新建的应用，点击左侧的设置->应用凭证，记录下APP ID、APP Key 和Master Key三个参数

1.3国内版使用须知

进行实名认证

选择 设置 > 域名绑定 > API 访问域名 > 绑定新域名 > 输入域名 > 确定。

按照页面上的提示按要求在 DNS 上完成 CNAME 解析。

进行备案接入。

点击左侧的设置->应用凭证，记录下APP ID、APP Key 和Master Key三个参数。

2.Vercel部署Waline

2.1 注册登录

这里推荐使用GitHub登录，便于之后仓库的创建和拉取

2.2进行部署

Waline官方提供了云函数部署的方式，故我们点击下面链接既可

点击进行部署

点击创建后，等待项目构建完成

部署完成，会自动跳转到撒花页面，点击Continue to Dashboard

会进入项目主页

点击settings→ Environment Variables 设置环境变量

配置三个环境变量LEAN_ID，LEAN_KEY和 LEAN_MASTER_KEY，它们的值分别对应上一步在LeanCloud中获得的APP ID，APP KEY，Master Key，记得点击右下角Save

环境变量配置完成后，需要重新部署，点击顶部Deployments，进行Redeploy，让配置重新生效

部署完成之后，点击Project

这里就算是部署完成了，不过建议更换成自己的域名

2.3更换域名（可选）

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

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

我这里是示例 youdomain.com，需要换成你自己的域名，看到下面的CNAME了么，这个时候需要到你的域名服务注册商哪里进行添加，由于域名服务商过多，但操作流程基本一致，以阿里云为例

点击进入阿里云

点击控制台，找到域名控制台

在任何域名服务商都会有域名解析这一个内容

点击解析→添加记录

阿里云设置完成后，进入Vercel，找到你的项目点击进入后，点击Settings - Domains 进入域名配置页

这样域名也就配置好了

3.访问Waline服务端

1.在Vercel的Waline项目中点击Visit，即可跳转至Waline的评论系统地址，查看效果

2.请访问 <serverURL>/ui/register 进行注册

💡 首个注册的人会被设定成管理员。

首次注册登录后进入管理页面

到此基本完成。

4.引入NotionNext

1.进入你部署的NotionNext容器，我这里采用Vercel部署

2.点击settings→ Environment Variables 设置环境变量

NEXT_PUBLIC_WALINE_SERVER_URL : https://你的Waline服务地址

3.重新部署一下，即可生效

📎 参考文章

官方部署文档

💡

有关Waline安装或者使用上的问题，欢迎您在底部评论区留言，一起交流~