Butterfly主题魔改教程，添加在线聊天。


我的博客主题版本为：hexo5.4、Butterfly3.6.2

如果与我的版本不一样可能会有略微差别，届时请自行百度。

本文参考文章：butterfly主题官方教程的《Butterfly 安裝文檔(四) 主題配置-2》的在线聊天章节。

1.说明

从3.0开始，butterfly主题内置了多种在线聊天工具。你可以选择开启一种，方便你与访客的交流。

本博客采用的是Gitter在线聊天工具，正好与GitHub组成一套。

2.步骤

  1. 打开Gitter註册账号并登录(可以使用GitHub账号登录)

  2. 创建一个community或者room,复製名称到设置去

  3. 修改 主题配置文件

    # gitter
    # https://gitter.im/
    gitter:
      enable: true
      room: #填写你创建的community或者room名称

  4. 效果图

    Gitter效果图

3.其他选择

本博客为了方便选择了Gitter在线聊天工具，界面简洁但是不太美观。如果想要好看的话，推荐选择tidio在线聊天工具。它可以自行配置样式，如图：

自行配置样式

效果图

如果想看更多选择请参考butterfly主题官方文档。

如有错误，欢迎评论区留言！