前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Hexo博客Next主题DaoVoice实现在线联系

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

作者头像
AomanHao
发布2022-01-14 08:57:49
2530
发布2022-01-14 08:57:49
举报
文章被收录于专栏:ISP图像处理相关

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官网会提示,服务接入成功

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019 年 05 月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 注册登录DaoVoice
  • 修改主题配置文件
  • 修改聊天图标等设置
  • 部署Daovoice
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档