Hexo Next 主题使用 waline 作为评论系统

2023-10-18 12:42:14 浏览数 (2)

由于安全性、隐私等问题,next-theme主题移除了 valine 的支持,为了解决 valine 中遇到的问题,Waline 出现了。

介绍

Waline - 一款从 Valine 衍生的带后端评论系统。可以将 Waline 等价成 With backend Valine.

特性

  • 快速
  • 真·安全
  • Markdown 语法支持
  • 轻量易用
  • 免费部署
  • 多种部署部署方式和存储服务支持

详细介绍可以查看项目官网

快速上手

采用 LeanCloud Vercel 的部署方式

LeanCloud 设置(数据库)

安装不在赘述,直接使用官网的步骤,LeanCloud 设置 (数据库)

Vercel 部署(服务端)

安装不在赘述,直接使用官网的步骤,Vercel 部署 (服务端)

需要注意的是,vercel 现在的步骤和以上有一些差别,部署过程中没有输入环境变量,部署完成后添加了相应的环境变量,一定要注意需要点重新部署,如下图:

如何使用

安装插件

1

# npm install @waline/hexo-next

Next 主题配置

next 主题配置需要移除 valine 关配置、禁用 leancloud_visitors 插件,并添加 waline 相关配置。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

valine: enable: false # Waline # For more information: https://waline.js.org, https://github.com/walinejs/waline waline: enable: true serverURL: xxxx # vercel 域名 placeholder: (发表评论) # comment box placeholder avatar: mm # Gravatar style meta: [nick, mail, link] # Custom comment header pageSize: 10 # Pagination size lang: zh-cn # Language, available values: en, zh-cn # Warning: Do not enable both `waline.visitor` and `leancloud_visitors`. visitor: true # Article reading statistic comment_count: true # If false, comment count will only be displayed in post page, not in home page requiredFields: [nick] # Set required fields: [nick] | [nick, mail] libUrl: # Set custom library cdn url leancloud_visitors: enable: false

重新发布后,就可以看到新的评论系统,如下图:

0 人点赞