Netlify 为静态站点部署 Waline 评论系统

本文主要是介绍Netlify 为静态站点部署 Waline 评论系统，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

从我建成个人网站以来，一个月了，竟然还没配置过评论系统，一直用的别人的 awa。

那么今天就稍微研究一下，顺便水……不是，写一篇博客吧。

使用 Netlify 为你的静态站点部署 Waline 评论系统！

注意，这里不需要你的站点部署在 Netlify

话不多说，正片开始——

官方文档：https://waline.js.org/guide/deploy/netlify.html

1 准备工作

• 一个 Netlify 账号
• 一个 Github 账号
• 一个 Leancloud 账号

2 简介

2.1 Netlify

Netlify 是一个免费的静态网页部署平台，相比于 vercel，它在国内可以正常访问。

https://netlify.com

2.2 Waline

Waline 是一个免费的安全的评论系统，不需要任何付费即可给静态网页搭建完善的评论系统。

https://waline.js.org

2.3 Leancloud

Leancloud 是一个免费的后端云服务提供商。

https://leancloud.app

3 开始搭建

3.1 Fork 仓库

打开 Github，打开 Waline 官方提供的 Netlify 部署仓库：

https://github.com/walinejs/netlify-starter/

点击 Fork，新建仓库：

3.2 设置 Leancloud

打开 Leancloud 控制台 ，点击左上角“创建应用”。

这里最好选择国际版，因为国内版需要备案，比较复杂。

接着，在新建应用的设置中，选择“开发版”，名字随便填：

接着点击创建。

点击卡片标题进入应用设置，点击左下角“设置 -> 应用凭证”

记住这上面的三行密钥，之后要用（别告诉其他人）：

3.3 部署 Netlify

打开 Netlify 控制台，如图选择 Add new site -> Import an existing project

然后选择 Github：

接着会弹出一个授权窗口，按指示确认即可。

选择刚刚 Fork 的仓库：

在部署设置页面，站点名称随便填（注意不能和已有站点冲突）。

在页面最下面的环境变量中，就需要用到之前准备的 Leancloud 密钥了，填写规则：

• LEAN_ID: 密钥中的 AppID
• LEAN_KEY: 密钥中的 AppKey
• LEAN_MASTER_KEY: 密钥中的 MasterKey

接着点击“Deploy netlify-starter”就好了！

3.4 查看评论系统

站点部署完成之后，进入站点信息，找到左侧的“Logs -> Functions”，紧接着就能看到部署完成的 comment 选项：

点开之后，Endpoint 就是评论服务器地址啦：

打开链接，就可以看到部署完成的评论服务器了：

在链接结尾加上 /ui ，登录自己的 Github 账号即可进入评论管理。

---

恭喜你部署完成自己的评论系统！

本文就到这里，如果对你有帮助的话，别忘点赞收藏！拜~ ( •̀ ω •́ )✧

这篇关于Netlify 为静态站点部署 Waline 评论系统的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---