使用Waline作为评论系统
一直以来心中都有许多记录某次操作或解决问题的想法,但是总被类似“忙,没时间”的借口所耽搁,最终创作的激情消逝,那些经历就连同过往的回忆一起消逝了。意识到这点,于是赶忙写了篇近期的心得文章。这次要说的是Waline。作为Valine的孪生姐妹,Waline 是一个基于 Node.js 和 MongoDB 的评论系统,相比Valine提供了更多的功能和自定义选项,同时在隐私保护方面也更好。
不得不说网上全是复制粘贴的片段,有些复制了一半,有些引用了几年前早已被墙的链接重新发布,这种不可食用的“新瓶旧酒”给想要解决问题的人增添了更多阻碍。今天就趁热打铁记录一下为onemanager引入Waline的过程,它支持html,css等语言,下面说的是HTML引入方法,也希望能帮到一些有需要的人。
LeanCloud
首先 登录 LeanCloud(国际版)——控制台——创建应用
然后在应用里的 设置 > 应用凭证 里获取
APP ID
APP Key
Master Key
记录它们
Vercel 部署
注册或登录一个Vercel账号,点击进行部署,然后等待完成,欣赏烟花。完成后点击 Go to Dashboard
跳转到控制台。
设置(Settings)——环境变量(Environment Variables),在此页添加三个环境变量:
NAME | VALUE(值) |
---|---|
LEAN_ID | APP ID |
LEAN_KEY | APP KEY |
LEAN_MASTER KEY | Master Key |
手动输入name,并把你在LeanCloud里记录下来的三个值粘贴到此处的 Value(值) 中(对应name,如上表),完成后点击 save 保存。随后点击顶部的 Deployments —— Redeploy 使环境变量生效。再次部署完成后会看到你部署好后的网站地址。
绑定域名
由于Vercel在国内难以正常访问,可以选择绑定一个域名以便访问。
设置里找到 Domains 添加你自己的域名,然后到你的域名服务器商处添加解析:CNAME记录(推荐)或A记录。
主机域名是一个自定义的字符,如果你希望使用根域名可以留空。
假设你的域名为 bing.com ,你的主机名填写为 a 那你就可以通过 a.baidu.com 访问。
如果你使用CNAME记录,在域名服务器上添加解析时应填写的 值 为: cname.vercel-dns.com
如果是A记录, 值 : 76.223.126.88
以上两个分别是Vercel的CNAME地址和IP地址,配置好后返回 Domains 页等待,你应该能看到两个小勾,并且你已经可以通过这个域名访问你的示例网站了。
使用HTML引入Waline
在网站中合适的位置插入代码,使其显示在你想要的位置
♾️ html 代码:<head>
<!-- ... -->
<link
rel="stylesheet"
href="https://unpkg.com/@waline/client@v2/dist/waline.css"
/>
<!-- ... -->
</head>
<body>
<!-- ... -->
<div id="waline"></div>
<script type="module">
import { init } from 'https://unpkg.com/@waline/client@v2/dist/waline.mjs';
init({
el: '#waline',
serverURL: '服务端URL,请替换为Vercel给出的地址或者你的绑定的域名',
});
</script>
</body>
打开进行测试查看是否成功。
Addition:
部署完成后,在你的url后面加上
/ui/register
访问管理页面并注册。
你可以在管理页面看到并管理一切评论
至此,大功告成!