Hugo next主题博客添加Waline评论系统

博客搭建完成之后,可以添加一个评论系统,方便读者反馈交流。这里选用的是 Waline,因为 Hugo next 主题支持 Waline(同时还支持ivere | utterances | artalk | giscus),所以配置起来也会方便不少。

LeanCloud 设置(数据库)

1. 登录 注册 LeanCloud国际版并进入 控制台 2.点击左上角 创建应用 并起一个你喜欢名字(选择免费的开发版)

创建用用

3.进入应用,选择左下角的设置>应用Key。你可以看到你的APPID,APPKey和Master Key。请记录它们,以使后续使用。

注意!如果使用Leancloud国内版(leancoud.cn)需要备案,推荐使用国际版(leancloud.app)。否则,你需要为应用额外绑定已备案的域名,同时购买独立IP并完成备案接入。

Vercel 部署 (服务端)

Deploy

1.点击上方的按钮,跳转至 Vercel 进行 Server 端部署。

注: 如果你未登录的话,Vercel 会让你注册或登录,请使用 GitHub 账户进行快捷登录。

2.输入一个你喜欢的 Vercel 项目名称并点击Create继续。

3.此时 Vercel 会基于 Waline 模板帮助你新建并初始化仓库,仓库名为你之前输入的项目名。

4.点击顶部的Settings-Environment Variables进入环境变量配置页,并配置三个环境变量LEAN_ID,LEAN_KEY和LEAN_MASTER_KEY。它们的值分别对应上一步在LeanCloud中获得的APP ID,APP KEY,Master Key。 按照我给的填写, 否则Waline注册提示 Not initialized ,也无法评论。

Lean Cloud Vercel Environment
AppID LEAN_ID
AppKey LEAN_KEY
MasterKey LEAN_MASTER_KEY

5.环境变量配置完成之后点击顶部的Deployments 点击顶部最新的一次部署右侧的Redploy按钮 进行重新部署。该步骤是为了让刚才设置的环境变量生效。

6.此时会跳转到Overview界面开始部署,等待片刻后STATUS会变成Ready。此时请点击Visit,即可跳转到部署好的网站地址,此地址即为你的服务端地址。

注意:如果后续服务ulr填此地址, 评论时提示Failed to fetch

获取服务地址

在Domains下方 第一行网址即为服务地址。

主题启用Waline

编辑config.yaml

登录服务端

由于 Waline 有服务端,支持评论管理。我们需要注册一个账号作为管理员。 找到评论框,点击登录按钮,会弹出一个窗口,找到用户注册,默认第一个注册的用户为管理员所以部署好一定要记得及时注册。注册好,登录之后即可进入评论管理的后台,可以对评论进行管理。

相关文章:在静态网站上使用waline评论系统