最近在浏览博客的时候,发现了一个在线联系功能 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的控制台进行修改
微信通知
最后到右上角选择管理员,微信绑定,可以绑定你的微信号,关注公众号后打开小程序,就可以实时收发消息,有新的消息也会通过微信通知,设置页面如下: