Featured image of post Hexo Next 主题使用 waline 作为评论系统

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

由于安全性、隐私等问题,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

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

Licensed under CC BY-NC-SA 4.0
Nickname
Email
Website
0/500
  • OωO
  • |´・ω・)ノ
  • ヾ(≧∇≦*)ゝ
  • (☆ω☆)
  • (╯‵□′)╯︵┴─┴
  •  ̄﹃ ̄
  • (/ω\)
  • ∠( ᐛ 」∠)_
  • (๑•̀ㅁ•́ฅ)
  • →_→
  • ୧(๑•̀⌄•́๑)૭
  • ٩(ˊᗜˋ*)و
  • (ノ°ο°)ノ
  • (´இ皿இ`)
  • ⌇●﹏●⌇
  • (ฅ´ω`ฅ)
  • (╯°A°)╯︵○○○
  • φ( ̄∇ ̄o)
  • ヾ(´・ ・`。)ノ"
  • ( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
  • (ó﹏ò。)
  • Σ(っ °Д °;)っ
  • ( ,,´・ω・)ノ"(´っω・`。)
  • ╮(╯▽╰)╭
  • o(*////▽////*)q
  • >﹏<
  • ( ๑´•ω•) "(ㆆᴗㆆ)
  • 😂
  • 😀
  • 😅
  • 😊
  • 🙂
  • 🙃
  • 😌
  • 😍
  • 😘
  • 😜
  • 😝
  • 😏
  • 😒
  • 🙄
  • 😳
  • 😡
  • 😔
  • 😫
  • 😱
  • 😭
  • 💩
  • 👻
  • 🙌
  • 🖕
  • 👍
  • 👫
  • 👬
  • 👭
  • 🌚
  • 🌝
  • 🙈
  • 💊
  • 😶
  • 🙏
  • 🍦
  • 🍉
  • 😣
  • 颜文字
  • Emoji
  • Bilibili
13 comments
電話號碼

關於將 Waline 評論系統與 Hexo Next 主題整合的精彩指南!我喜歡 Waline 為傳統評論系統帶來更具可自訂性、輕量級的替代方案,同時仍保持出色的功能。您對設定和配置的解釋清晰易懂。對隱私和審核工具的關注使 Waline 成為想要完全控制用戶互動的部落客的理想選擇。感謝您分享如此寶貴的資源!

 新西兰
 Windows 10
 Chrome 129.0.0.0
sword

测试

 北卡罗来纳
 Android Quince Tart
 Microsoft Edge 126.0.0.0
往东行

评论系统换成 twikoo 啦~~

 澳大利亚
 macOS Catalina
 Chrome 126.0.0.0
sereincat

这个头像怎么调整

 香港
 macOS Catalina
 Microsoft Edge 121.0.0.0
kirito
Reply @sereincat :

现在用的是twikoo

 立陶宛
 iOS 17.1.1
 Safari 17.1.1
sdf

ces

 香港
 Windows 10
 Chrome 114.0.0.0
111

哈喽喽~

 加利福尼亚
 macOS Catalina
 Chrome 113.0.0.0
111

测试测试评论

 加利福尼亚
 macOS Catalina
 Chrome 113.0.0.0
HyperHare

测试喵~

 美国
 Windows 10
 Chrome 110.0.0.0
Load more
一个默默无闻的工程师的日常
Built with Hugo
主题 StackJimmy 设计