hexo博客的fluid主题使用waline评论功能
一开始搞的是discuss,但是不知道为什么全都部署好了,配置文件也更新了,但博客就还是用不了评论,于是又重新换成了waline。
介绍
Waline是一款基于 Valine 衍生的简洁、安全的评论系统。
- 相对于 Valine 有一些后天的优势:
优势 | 描述 |
---|---|
自由评论 | 完全的 Markdown 支持,同时包含表情、数学公式、HTML 嵌入 |
轻量 | 54kB gzip 的完整客户端大小 |
强大的安全性 | 内容校验、防灌水、保护敏感数据等 |
登录支持 | 在允许匿名评论的基础上,支持账号注册,保持身份 |
完全免费部署 | 可免费部署在 Vercel 上 |
易于部署 | 多种部署部署方式和存储服务支持 |
使用
LeanCloud 设置 (数据库)
LeanCloud 国际版
并进入 控制台在新窗口打开- 点击左下角创建应用并起一个你喜欢的名字 (请选择免费的开发版):
- 进入应用,选择左下角的
设置
>应用 Key
。你可以看到你的APP ID
,APP Key
和Master Key
。后续我们会用到这三个值。 - 注意: 如果你正在使用 Leancloud 国内版,我们推荐你切换到国际版。否则,你需要为应用额外绑定已备案的域名:
- 登录国内版并进入需要使用的应用
- 选择
设置
>域名绑定
>API 访问域名
>绑定新域名
> 输入域名 >确定
。 - 按照页面上的提示按要求在 DNS 上完成 CNAME 解析。
vercel部署waline
- 点击上方按钮,跳转至 Vercel 进行 Server 端部署。
- 如果你未登录的话,Vercel 会让你注册或登录,请使用 GitHub 账户进行快捷登录。
- 输入一个你喜欢的 Vercel 项目名称并点击
Create
继续: - 此时 Vercel 会基于 Waline 模板帮助你新建并初始化仓库,仓库名为你之前输入的项目名。
- 部署成功后此时点击
Go to Dashboard
可以跳转到应用的控制台。 - 点击顶部的
Settings
-Environment Variables
进入环境变量配置页,并配置三个环境变量LEAN_ID
,LEAN_KEY
和LEAN_MASTER_KEY
。它们的值分别对应上一步在 LeanCloud 中获得的APP ID
,APP KEY
,Master Key
。
提示:如果你使用 LeanCloud 国内版,请额外配置LEAN_SERVER
环境变量,值为你绑定好的域名。 - 环境变量配置完成之后点击顶部的
Deployments
点击顶部最新的一次部署右侧的Redeploy
按钮进行重新部署。该步骤是为了让刚才设置的环境变量生效,然后静待服务部署完成 - 此时请点击
Visit
,即可跳转到部署好的网站地址,此地址即为你的服务端地址
。
fluid配置文件设置
在主题的_config.yml下
- 设置主题配置文件
comments -> type
值为waline
1
2
3
4
5# 评论插件
# Comment plugin
comments:
enable: true
type: waline - 配置 waline 相关信息。主要是
serverURL
的填写1
2
3
4
5
6
7
8
9
10
11
12
13
14
15# Waline
# 从 Valine 衍生而来,额外增加了服务端和多种功能
# Derived from Valine, with self-hosted service and new features
# See: https://waline.js.org/
waline:
serverURL: '你的服务端地址'
path: window.location.pathname
meta: ['nick', 'mail', 'link']
requiredMeta: ['nick']
lang: 'zh-CN'
emoji: ['https://cdn.jsdelivr.net/gh/walinejs/emojis/weibo']
dark: 'html[data-user-color-scheme="dark"]'
wordLimit: 0
pageSize: 10 - 最终效果
hexo博客的fluid主题使用waline评论功能
https://blog.phlin.top/2024/08/25/waline-using/