网站优化log4.3_配置Waline

看到网上说Valine有一些问题:

  1. 源码不开放;
  2. XSS安全;
  3. 隐私泄露。

于是搜索到了 Waline。官网介绍写到,它是由Valine衍生的带后端的评论系统。除解决了安全问题外,还增强了其他功能。

此次优化项目:

  1. 更换评论系统为Waline。

关键点:

Waline配置

注册LeanCloud

访问 https://console.leancloud.app/register,建议注册国际版账号,可省去一些麻烦。需验证邮箱和手机号,再进行下一步创建应用。

创建应用

进入控制台点击创建应用。

  • 应用名称:自由填写;
  • 应用的计价方案:开发版;(个人网站基本够用)
  • 应用描述:可不填。

部署Vercel服务端

  1. 点击Waline文档中 Vercel部署(服务端) 下的Deploy按钮,跳转至Vercel;
  2. 用GitHub账户注册登陆后,输入一个你喜欢的项目名称并点击Create继续;
  3. 等待一段时间后,出现Congratulations页面表示创建成功;
  4. 进入Dashboard,点击顶部的 Settings - Environment Variables 进入环境变量配置页,并配置三个环境变量 LEAN_ID, LEAN_KEYLEAN_MASTER_KEY 。它们的值分别对应上一步在LeanCloud中获得的 APP ID, APP KEY, Master Key;
  5. 点击顶部的 Deployments,再点击顶部最新的一次部署右侧的 Redeploy 按钮进行重新部署。该步骤是为了让刚才设置的环境变量生效;
  6. 等待Overview界面部署,直到STATUS会变成 Ready。再点击Visit,可跳转到部署好的网站地址,也就是你的服务端地址。

安装Waline

NexT8.x没有自带Valine模块,需要另外安装。

1
npm install @waline/hexo-next

Waline相关文件会下载至Hexo\node_modules@Waline\hexo-next中,打开文件夹里的default.yaml,复制全部内容,粘贴到主题配置文件_config.yml里。

修改_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: false
serverURL: https://waline.vercel.app # Waline server address url
placeholder: Just go go # Comment box placeholder
avatar: mm # Gravatar style
meta: [nick, mail, link] # Custom comment header
pageSize: 10 # Pagination size
lang: # Language, available values: en, zh-cn
# Warning: Do not enable both `waline.visitor` and `leancloud_visitors`.
visitor: false # Article reading statistic
comment_count: true # If false, comment count will only be displayed in post page, not in home page
requiredFields: [] # Set required fields: [nick] | [nick, mail]
libUrl: # Set custom library cdn url
  1. enable改为true;
  2. 从Vercel中复制粘贴 serverURL
  3. avatar 处疑似错误,应由 mm 改成 mp
  4. 其他参数可查阅Waline文档增减。

注册管理

  1. 部署完成后,访问 /ui/register 进行注册。首个注册的人会被设定成管理员。
  2. 管理员登陆后,即可看到评论管理界面。可以修改、标记或删除评论。

参考