Fluid 使用Waline评论插件

概述

之前使用的评论插件是Valine，不用登录就随便评论，替换成waline感觉好点。

LeanCloud

注册一个国际版的LeanCloud账号(国内版需要绑定备案域名)，创建一个开发版的应用，当作免费的数据库。

部署Waline服务

点击Deploy跳转Vercel，登录后填写项目名(Waline)进行项目初始化。

进入 Settings - Environment Variables，配置环境变量：

• LEAN_ID：LeanCloud中AppID
• LEAN_KEY：LeanCloud中AppKey
• LEAN_MASTER_KEY：LeanCloud中MasterKey
• LEAN_SERVER：LeanCloud中 REST API 服务器地址
  填写完成后重新部署项目。
  运行后生成的地址就是Waline的服务端地址。

添加域名

我的域名从Spaceship购买的，Hexo运行在Vercel上且绑定了域名。
现在要给Waline服务也添加上域名，我使用的是Hexo域名的子域名。
在Spaceship中添加一条CNAME记录，使用waline作为前缀，cname.china.vercel.app作为value。(我在Vercel管理DNS，将其映射到Vercel服务器)

Vercel中的Waline绑定上这个新建的子域名。

Fluid主题使用Waline插件

修改主题的配置文件_config.yml(或者全局配置 _config.fluid.yml )再重新部署即可。

• 开启评论插件
• 选择waline
• 配置waline的serverURL

  # 评论插件
  comments:
    enable: true #开启评论插件
    type: waline #使用waline作为评论插件

# Waline
# 从 Valine 衍生而来，额外增加了服务端和多种功能
# Derived from Valine, with self-hosted service and new features
# See: https://waline.js.org/
waline:
  serverURL: #此处填写服务端地址，即部署的Waline服务的地址或者绑定的域名
  path: window.location.pathname
  meta: ['nick', 'mail', 'link']
  requiredMeta: ['nick']
  lang: 'zh-CN'
  emoji: ['https://cdn.jsdelivr.net/gh/walinejs/emojis/weibo']
  dark: 'html[data-user-color-scheme="dark"]'
  wordLimit: 0
  pageSize: 10

结果图