Hexo主题hexo-theme-matery配置DaoVoice 实现在线聊天功能

DaoVoice 可以提供在线联系的功能,可以让静态博客Hexo更加多样和完整。

设置完成效果如下:

实现方法

注册

首先需要注册一个 DaoVoice,点击注册

注册成功后,进入后台控制台,进入到 应用设置-->安装到网站 页面,可以得到一个 app_id

之后复制下的app_id

接下来,打开\themes\hexo-theme-matery\layout\_partial文件夹下的footer.ejs文件

在文件末尾写入:

  <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/0f81ff2f.js","daovoice")
  daovoice('init', {
      app_id: "刚刚复制的app_id"
    });
  daovoice('update');
  </script>

在主题配置文件 _config.yml,添加如下代码:

# Online contact 
daovoice: true
daovoice_app_id: 这里输入前面复制的app_id

hexo-theme-matery主题下聊天的按钮会和其他按钮重叠到一起,可以到聊天设置,修改下按钮的位置:

位置可以在 hexo s 调试模式下进行调试,效果满意后部署就可以看到最终效果啦!


   转载规则


《Hexo主题hexo-theme-matery配置DaoVoice 实现在线聊天功能》 howarzheng 采用 知识共享署名 4.0 国际许可协议 进行许可。
 上一篇
利用NCBI设计引物 利用NCBI设计引物
NCBI(National Center for Biotechnology Information )全称:美国国家生物技术中心网。可以在其中查找基因组、基因、蛋白,还可以在其中进行文献查找(Pubmed)、序列比对(Blast)等操作,
2019-09-13
下一篇 
如何实现不关站备案 如何实现不关站备案
原理: 国家要求备案审核时网站无法访问,那么我们只需要让审核人员无法访问即可。 分别先后屏蔽备案初审和管局审核地区ip。 这里以WordPress网站为例: 在根目录新建文件shielded.php 写入: <?php
2019-08-31
  目录