一、写在前面

Butterfly 从 3.0 开始，内置了 多种在线聊天工具，可以选择开启任意一种，方便与访客交流。
目前有以下几种：

  • chatra
  • tidio
  • daovoice
  • crisp
  • messenger

通过打开各自的官网进行对比，我选择使用 Crisp。至于使用哪种，这是非常主观的，取决于你自己的喜好。配置上也是非常简单。

二、配置步骤

1、Crisp 注册并登录

打开 Crisp 注册并登录。首次进入会引导填写网站名称和网站地址。

2、网站ID

在设置中找到网站ID

3、站点配置

在主题配置文件 _config.butterfly.yml 中开启在线聊天

1
chat_btn: true

并配置上面得到的 crisp 网站ID

1
2
3
crisp:
  enable: true
  website_id: crisp的网站ID

4、测试

配置完成后，重新生成并部署进行测试

1
hexo cl && hexo s -g

访问 http://localhost:4000/，点击聊天按钮，即可唤起在线对话框：

在 Crisp 的后台可以看到对话：

三、参考链接