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

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

注册登录DaoVoice

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

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

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

代码语言：javascript复制

{% 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:

代码语言：javascript复制

daovoice: true
daovoice_app_id: 用户ID

修改聊天图标等设置

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

部署Daovoice

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

代码语言：javascript复制

hexo clean && hexo g && hexo s

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

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

http 缓存 hexo

0 人点赞