小c的时光归档 By design, the Internet core is stupid, and the edge is smart.
歌曲封面 未知作品

本站支持SSL安全访问

本站支持SSL安全访问

Written by Human, Not by AI

粤ICP备2023130441号

粤公网安备44040402000217号

Powered by Typecho & Sunny

5 online · 495 ms

Title

使用Waline作为评论系统

Emotion

·

Article

使用Waline作为评论系统

一直以来心中都有许多记录某次操作或解决问题的想法,但是总被类似“忙,没时间”的借口所耽搁,最终创作的激情消逝,那些经历就连同过往的回忆一起消逝了。意识到这点,于是赶忙写了篇近期的心得文章。这次要说的是Waline。作为Valine的孪生姐妹,Waline 是一个基于 Node.js 和 MongoDB 的评论系统,相比Valine提供了更多的功能和自定义选项,同时在隐私保护方面也更好。

不得不说网上全是复制粘贴的片段,有些复制了一半,有些引用了几年前早已被墙的链接重新发布,这种不可食用的“新瓶旧酒”给想要解决问题的人增添了更多阻碍。今天就趁热打铁记录一下为onemanager引入Waline的过程,它支持html,css等语言,下面说的是HTML引入方法,也希望能帮到一些有需要的人。

LeanCloud

首先 登录 LeanCloud(国际版)——控制台——创建应用

然后在应用里的 设置 > 应用凭证 里获取

  1. APP ID
  2. APP Key  
  3. Master Key

记录它们

Vercel 部署

注册或登录一个Vercel账号,点击进行部署,然后等待完成,欣赏烟花。完成后点击 Go to Dashboard 跳转到控制台。

设置(Settings)——环境变量(Environment Variables),在此页添加三个环境变量:

NAMEVALUE(值)
LEAN_IDAPP ID
LEAN_KEYAPP KEY
LEAN_MASTER KEYMaster 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 访问管理页面并注册。你可以在管理页面看到并管理一切评论

至此,大功告成!

现在已有 0 条评论,0 人点赞
Comment
发表
搜 索 消 息 足 迹
你还不曾留言过..
你还不曾留下足迹..
博主