Netlify 为静态站点部署 Waline 评论系统
目录
- 1 准备工作
- 2 简介
- 2.1 Netlify
- 2.2 Waline
- 2.3 Leancloud
- 3 开始搭建
- 3.1 Fork 仓库
- 3.2 设置 Leancloud
- 3.3 部署 Netlify
- 3.4 查看评论系统
从我建成个人网站以来，一个月了，竟然还没配置过评论系统，一直用的别人的 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: 密钥中的 AppIDLEAN_KEY: 密钥中的 AppKeyLEAN_MASTER_KEY: 密钥中的 MasterKey
接着点击“Deploy netlify-starter”就好了！
3.4 查看评论系统
站点部署完成之后，进入站点信息，找到左侧的“Logs -> Functions”，紧接着就能看到部署完成的 comment 选项：
点开之后，Endpoint 就是评论服务器地址啦：
打开链接，就可以看到部署完成的评论服务器了：
在链接结尾加上 /ui ，登录自己的 Github 账号即可进入评论管理。
恭喜你部署完成自己的评论系统！
本文就到这里，如果对你有帮助的话，别忘点赞收藏！拜~ ( •̀ ω •́ )✧