Hexo博客Next主题DaoVoice实现在线联系

注册登录DaoVoice

注册地址如下:
http://www.daovoice.io/

在官网注册帐号需要邀请码,可以输入我的邀请码 b69005f1

复制粘贴代码
修改的hexo的文件路劲如下: 博客/themes/next/layout/_partials/head/head.swig 末尾添加下面的代码:

{% if theme.daovoice %}
 <script>(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/b6dbddb6.js","daovoice")
 daovoice('init', {
  app_id: "用户ID"
});
daovoice('update');
 </script>
{% endif %}

用户ID需要自行填写,查找的的位置在下图片中显示出来了

修改主题配置文件

在Next主题的配置文件博客/themes/next/_config.yml末尾中添加用户ID:

daovoice: true
daovoice_app_id: 用户ID

修改聊天图标等设置

应用设置--聊天设置,然后定制欢迎辞,设置聊天窗口样式等

部署Daovoice

清理缓存,生成缓存,部署服务

hexo clean && hexo g && hexo s

登陆本地服务:http://localhost:4000/,可以看到Daovoice已经成功运行。

DaoVoice官网会提示,服务接入成功

最后修改:2020 年 07 月 18 日
如果觉得我的文章对你有用,请随意赞赏