Next主题增加 Waline评论系统
侧边栏壁纸
  • 累计撰写 8 篇文章
  • 累计收到 2 条评论

Next主题增加 Waline评论系统

Reverse
2022-12-25 / 0 评论 / 37 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2022年12月25日,已超过279天没有更新,若内容或图片失效,请留言反馈。

前言

原教程源自 谢同学 为 Next 主题添加 Waline 评论系统
教程演示版本为 Next 8.12.2

注:经测试 5.1.47.8.0 版本装完插件后都会报错。 测试当前最新版 8.12.2 是可用,8.0.0 ~ 8.12.2 之间版本请自行测试。


教程

配置 LeanClou 国际版

  1. 登录 / 注册 LeanClou 国际版
  2. 点击 创建应用自定义名称 , 选择 开发版
  3. 找到 设置 ,点击 安全中心数据储存 打开,其余全关闭
  4. 找到 云引擎 , 点击 WEB , 后再点击 部署
  5. 点击 部署项目 ,后点击 Git 部署 , 再点击 配置 Git ,把 https://github.com/W4J1e/Hexo-Valine-ASPush 输入, 保存

      https://github.com/W4J1e/Hexo-Valine-ASPush
  6. 点击 部署项目 , 后 下拉 点击 部署等待部署完成
  7. 找到 定时任务 ,点击 创建定时任务 ,配置 以下内容 共两个 , 保存

      名称:    唤醒服务器
      函数:    self_wake
      表达式:  0 0/30 7-23 * * ? 
      名称:    复查
      函数:    resend_mails
      表达式:  0 0 8 * * ?
    注:如遇到不显示函数,刷新页面即可;还不显示就回到主页,再进配置页面
  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_NAMErainbow
我的配置 ⭣
变量名变量值
SENDER_NAMEReverse
SITE_NAMEReverse -s blog
SITE_URLhttps://next.c12th.cn
SMTP_PASSsjlzxxxxxxxxxxxx
SMTP_SERVICEqq
SMTP_USER1308168694@qq.com
TEMPLATE_NAMErainbow
  1. 回到 部署 页面,点击 部署 配置即可生效
  2. 回到 设置 页面,点击 应用凭证记录好 AppIDAppKeyMasterKey 的值

配置 Vercel

原教程源自 官方文档
  1. 登录 / 注册 Vercel 账号
  2. 点击 + New Project
  3. 选择 Import Third-Party Git Repository →
  4. 输入 https://github.com/walinejs/waline/tree/main/example ,点击 Continue自定义名称 , 点击 Create ,等待部署

      https://github.com/walinejs/waline/tree/main/example
  5. 部署完成后,找到 Settings ,点击 Environment Variables ,把在 LeanClou 国际版 获得的 AppIDAppKeyMasterKey 的值 对应添加填入

    LEAN_ID             AppID的值
    LEAN_KEY            AppKey的值
    LEAN_MASTER_KEY     MasterKey的值
NAMEVALUE
LEAN_IDAppID的值
LEAN_KEYAppKey的值
LEAN_MASTER_KEYMasterKey的值
  1. 找到 Deployments ,点击 ,后点击 REDEPLOY , 重新部署即可
  2. 重新部署后,域名 + /ui 进入配置页面 ,自行配置

      域名+/ui

Next主题配置

  1. 安装 插件

      npm install @waline/hexo-next
  2. 主题 _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
    
  3. 三连 即可

      hexo clean && hexo g && hexo s

0

评论 (0)

取消