Hexo集成DaoVoice实现网页在线通讯功能

发表于 2023-05-02 更新于 2024-04-24 分类于 Hexo 阅读次数：本文字数： 394 阅读时长 ≈ 1 分钟

什么是DaoVoice

即时在线通讯的一个工具，在网页上咨询问题，可以第一时间得到反馈。并且DaoVoice可以绑定微信，这样在网页上发送的消息，会第一时间推送到作者的微信上，非常方便。

注册DaoVoice

首先在DaoVoice官网注册一个账号

获取appid

前往DaoVoice控制台，点击应用设置。

选择安装到网站，获取appid

配置Hexo

首先在themes/next/_config.yml文件末尾加上如下配置。

1 2	daovoice: true daovoice_app_id: 你的appid

然后在themes/next/_config.yml文件内搜索motion，如果enable为true的话，将它设置为false，不然集成了DaoVoice页面上会是一片空白，看不了文章。

最后在themes/next/layout/_partials/head/head.swig文件末尾新增如下内容,注意：将appid替换成你自己的。

{%- 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/你的appid.js", "daovoice")
  daovoice('init', {
  	app_id: "{{theme.daovoice_app_id}}"
  });
  daovoice('update');
  </script>
{%- endif %}