hexo博客添加waline评论

Waline官方文档

LeanCloud数据库添加
  1. 注册登录创建国际版LeanCloud数据库
  2. 绑定db域名
  3. 阿里云解析CNAME域名
  4. 记录APP IDAPP KeyMaster Key
Vercel服务端部署
  1. 使用github授权登录vercel
  2. 点击deploy
  3. 输入仓库名点击创建
  4. 环境变量设置里面添加三个环境变量 LEAN_ID, LEAN_KEYLEAN_MASTER_KEY 值分别为 APP ID, APP KEY, Master Key
  5. 绑定服务端域名
  6. 登录waline.iexxk.com进行管理员注册
hexo博客next主题配置waline评论
  1. 部署脚本文件添加命令npm install @waline/hexo-next

  2. theme/next/_config.yml配置文件添加如下内容

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    # Waline
    # For more information: https://waline.js.org, https://github.com/walinejs/waline
    waline:
    enable: true #是否开启
    serverURL: waline.iexxk.com # 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

常见问题

  1. 版本太低问题,升级到next 8+

    1
    Error: Unable to call `next_data`, which is undefined or falsey

参考:

LeanCloud如何绑定域名

waline如何创建Vercel服务

Vercel如何绑定域名

Hexo博客进阶:为 Next 主题添加 Waline 评论系统