butterfly主题3.0是自带的，但是自己删除自带重新引入代码更改CDN感觉比自带的加载速度还要快（个人觉得），你们也可以用主题自带的。

右侧添加 DaoVoice 实时对话

  • 先去 DaoVoice官网 注册账号，登录进去，创建应用，信息随便填
  • 然后在 butterfly/source/js 下创建一个 daovoice.js 文件，把下面代码复制进去
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
(function (i, s, o, g, r, a, m) {
    i["DaoVoiceObject"] = r;
    i[r] = i[r] || function () {
        (i[r].q = i[r].q || []).push(arguments)
    }, i[r].l = 1 * new Date();
    a = s.createElement(o), m = s.getElementsByTagName(o)[0];
    a.async = 1;
    a.src = g;
    a.charset = "utf-8";
    m.parentNode.insertBefore(a, m)
})(window, document, "script", ('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/XXXXXXXX.js", "daovoice");
daovoice('init', {
    app_id: "XXXXXXXX"
});
daovoice('update');
  • 注意！！！ app_id: “XXXXXXXX” 和 //widget.daovoice.io/widget/XXXXXXXX.js（XXXX位置替换成 自己DaoVoice 的app_id）
  • 我模糊的地方就是你的app id，位置在：应用设置-安装到网站
  • 最后在 Butterfly.yml配置文件 inject: bottom: 下引入代码：
1
- <script src="/js/daovoice.js"></script>
  • 按钮显示设置，如下图自行修改