Next 8.x waline评论系统


又又又换评论系统了,所有的评论又清空了

先贴出官网地址 戳我跳转

具有哪些功能:

  1. 可以无需登录就可以直接评论(这是我最需要的功能),也可以登录后评论
  2. 可以配置通知消息,回复的时候也可以邮件通知
  3. 有后台系统,可以管理评论
  4. 单独部署,便于管理
  5. 基本的评论功能都已经集成

搭建

  1. LeanCloud 创建
  2. Vercel 部署
  3. 自定义域名
  4. 评论通知

上面的四点按照官方的文档一步一步的配置,就可以实现啦,官方说的很详细了

使用

说一下不一样的点,因为是在 hexo 中的 next 主题下使用,next 并没有集成 waline,所以我们需要额外安装一下

npm install @waline/hexo-next

然后在_config.next.yml中配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
waline:
enable: true #是否开启
serverURL: https://you. # Waline #服务端地址,我们这里就是上面部署的 Vercel 地址
locale:
placeholder: (づ≧∀≦)づ╭❤~ 客官,快来玩吖! (填写邮箱可在被回复时收到邮件提醒) # #评论框的默认文字
avatar: mm # 头像风格
meta: [nick, mail, link] # 自定义评论框上面的三个输入框的内容
pageSize: 10 # 评论数量多少时显示分页
lang: zh-cn # 语言, 可选值: en, zh-cn
login: enable # 'enable': 启用登录 (默认) 'disable': 禁用登录,用户只能填写信息评论 'force': 强制登录,用户必须注册并登录才可发布
visitor: true # 文章阅读统计 # Warning: 不要同时启用 `waline.visitor` 以及 `leancloud_visitors`.
comment_count: true # 如果为 false , 评论数量只会在当前评论页面显示, 主页则不显示
requiredFields: [] # 设置用户评论时必填的信息,[nick,mail]: [nick] | [nick, mail]
dark: false # 是否开启暗色模式
libUrl: # Set custom library cdn url
mode: list # 评论框模式,可选值: list | wall
copyright: true # 开源不易,支持一下
reaction: false # 文章快速点赞

配置 placeholder 的写法和官网不一样,看了 node 包的源码才看到的

到这里,评论系统级就搭建好了

有不懂的问题欢迎在下方的评论留言

-------------本文结束感谢您的阅读-------------