Next 主题增加 Waline 评论系统
前言
原教程源自 谢同学 为 Next 主题添加 Waline 评论系统
教程演示版本为 Next 8.12.2
注:经测试 5.1.4 , 7.8.0 版本装完插件后都会报错。 测试当前最新版 8.12.2 是可用, 从 8.0.0 ~ 8.12.2 之间版本请自行测试。
教程
配置 LeanClou 国际版
-
点击 创建应用 ,自定义名称 , 选择 开发版
-
找到 设置 ,点击 安全中心 , 把 数据储存 打开,其余全关闭
-
找到 云引擎 , 点击 WEB , 后再点击 部署
-
点击 部署项目 ,后点击 Git 部署 , 再点击 配置 Git ,把 https://github.com/W4J1e/Hexo-Valine-ASPush 输入, 保存
https://github.com/W4J1e/Hexo-Valine-ASPush
-
点击 部署项目 , 后 下拉 点击 部署 ,等待部署完成
-
找到 定时任务 ,点击 创建定时任务 ,配置 以下内容 共两个 , 保存
名称: 唤醒服务器
函数: self_wake
表达式: 0 0/30 7-23 * * ?
名称: 复查
函数: resend_mails
表达式: 0 0 8 * * ?
注:如遇到不显示函数,刷新页面即可;还不显示就回到主页,再进配置页面
- 找到 设置 ,点击 添加 , 配置 以下内容 , 保存 (该部分配置为游客评论邮箱提醒功能)
SENDER_NAME 博主名
SITE_NAME 博客名
SITE_URL 博客网址
SMTP_PASS 授权码
SMTP_SERVICE 邮箱
SMTP_USER 博主邮箱
TEMPLATE_NAME rainbow
变量名 | 变量值 |
---|---|
SENDER_NAME | 博主用户名 |
SITE_NAME | 博客名 |
SITE_URL | 博客网址 |
SMTP_PASS | 授权码 |
SMTP_SERVICE | 邮箱 |
SMTP_USER | 博主邮箱 |
TEMPLATE_NAME | rainbow |
- 我的配置 ⭣
变量名 | 变量值 |
---|---|
SENDER_NAME | Reverse |
SITE_NAME | Reverse -s blog |
SITE_URL | https://next.c12th.cn |
SMTP_PASS | sjlzxxxxxxxxxxxx |
SMTP_SERVICE | |
SMTP_USER | 1308168694@qq.com |
TEMPLATE_NAME | rainbow |
-
回到 部署 页面,点击 部署 配置即可生效
-
回到 设置 页面,点击 应用凭证 , 记录好 AppID , AppKey 和 MasterKey 的值
配置 Vercel
原教程源自 官方文档
-
点击 + New Project
-
选择 Import Third-Party Git Repository →
-
输入 https://github.com/walinejs/waline/tree/main/example ,点击 Continue ,自定义名称 , 点击 Create ,等待部署
https://github.com/walinejs/waline/tree/main/example
- 部署完成后,找到 Settings ,点击 Environment Variables ,把在 LeanClou 国际版 获得的 AppID , AppKey 和 MasterKey 的值 对应添加填入
LEAN_ID AppID的值
LEAN_KEY AppKey的值
LEAN_MASTER_KEY MasterKey的值
NAME | VALUE |
---|---|
LEAN_ID | AppID的值 |
LEAN_KEY | AppKey的值 |
LEAN_MASTER_KEY | MasterKey的值 |
-
找到 Deployments ,点击 ⋮ ,后点击 REDEPLOY , 重新部署即可
-
重新部署后,域名 + /ui 进入配置页面 ,自行配置
域名+/ui
Next主题配置
- 安装 插件
npm install @waline/hexo-next
- 在 主题 _config.yml 配置文件,最后一行 增加以下内容
# Waline
# For more information: https://waline.js.org, https://github.com/walinejs/waline
waline:
enable: true #是否开启
serverURL: waline-server-pearl.vercel.app # Waline #服务端地址,我们这里就是上面部署的 Vercel 地址
placeholder: 请文明评论呀 # #评论框的默认文字
avatar: mm # 头像风格
meta: [nick, mail, link] # 自定义评论框上面的三个输入框的内容
pageSize: 10 # 评论数量多少时显示分页
lang: zh-cn # 语言, 可选值: en, zh-cn
# Warning: 不要同时启用 `waline.visitor` 以及 `leancloud_visitors`.
visitor: false # 文章阅读统计
comment_count: true # 如果为 false , 评论数量只会在当前评论页面显示, 主页则不显示
requiredFields: [] # 设置用户评论时必填的信息,[nick,mail]: [nick] | [nick, mail]
libUrl: # Set custom library cdn url
- 三连 即可
hexo clean && hexo g && hexo s
您的喜欢是作者写作最大的动力