Fork me on GitHub

Hexo博客添加在线联系功能
  • 搭建博客
  • hexo博客

Hexo博客添加在线联系功能

Hexo博客如何添加在线联系功能呢,发现了一个不错的网站可以提供在线联系的服务,当有用户在网页上给你留言后会通过邮件或者微信通知你,可以及时的解答用户的疑问。

最终的效果可以参考我博客的右下角,有个聊天的按钮,效果如下所示: 配置方法如下: 首先到DaoVoice上注册一个账号,注册完成后会得到一个app_id,获取appid的步骤如下图所示: 以next主题为例,打开/themes/next/layout/_partials/head.swig文件添加如下

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

# Online contact 
daovoice: true
daovoice_app_id: 这里输入前面获取的app_id
最后执行hexo clean && hexo g && hexo s就能看到效果了。

需要注意的是,next主题下聊天的按钮会和其他按钮重叠到一起,可以到聊天设置,修改下按钮的位置:

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

欢迎访问我的博客 Git托管博客效果

Coding托管博客效果

码云托管博客效果

坚持原创技术分享,您的支持将鼓励我继续创作!