hexo Butterfly主题个性化 右侧添加 DaoVoice 实时对话

我的Butterfly主题版本为3.0

更多教程访问 个人博客

1：先去DaoVoice官网，注册账号，登录进去，创建应用，信息随便填
2：然后在 butterfly/source/js 下创建一个 daovoice.js 文件，把下面代码复制进去

(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');

3：注意！！！ app_id: “XXXXXXXX” 和 //widget.daovoice.io/widget/XXXXXXXX.js（XXXX位置替换成 自己DaoVoice 的app_id）
4：我模糊的地方就是你的app id，位置在：应用设置-安装到网站

5：在 Butterfly.yml配置文件 inject: bottom: 下引入代码：

- <script src="/js/daovoice.js"></script>

6：按钮显示设置，如下图自行修改