Hexo添加在线联系功能


最近在浏览博客的时候,发现了一个在线联系功能 DaoVoice:当有用户在网页上给你留言后会通过邮件或者微信通知你。于是也想整合一下。最终效果是在右下角生成了一聊天按钮,点击即可进行交流。

安装步骤

注册DaoVoice,获取app_id

首先到DaoVoice上注册一个账号,注册完成后会得到一个app_id,获取appid的步骤如下图所示:

主题集成

打开/themes/next/layout/_partials/head.swig文件添加如下代码:

{% if theme.daovoice %}
  
{% endif %}

接着打开主题配置文件_config.yml,添加如下代码:

# Online contact
daovoice: true
daovoice_app_id: 这里输入前面获取的app_id

最后执行hexo cl && hexo d -g 就能看到效果了。

定制聊天窗口样式

集成DaoVoice后,聊天按钮的位置跟颜色是可以自定义的,到DaoVoice的控制台进行修改

微信通知

最后到右上角选择管理员,微信绑定,可以绑定你的微信号,关注公众号后打开小程序,就可以实时收发消息,有新的消息也会通过微信通知,设置页面如下:


文章作者: Niww
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Niww !
 上一篇
Hexo博客添加Gitalk评论 Hexo博客添加Gitalk评论
Hexo支持本身多款评论插件,但是多说,网易云跟贴都已经下线。Disqus也被挡在墙外,友言貌似也不行。Gitalk:一个基于 Github Issue 和 Preact 开发的评论插件,类似Gitment详情Demo可见:https://
2018-03-05
下一篇 
Hexo添加站内搜索 Hexo添加站内搜索
NexT主题支持集成 Swiftype、 微搜索、Local Search 和 Algolia。Swiftype开始收费,而且只对企业邮箱开放注册。本篇将讲述Algolia和Local Search两种方式进行站内搜索。 一、Algolia
2018-03-01
  目录