添加Tidio在线聊天服务

简介

在线聊天算是一个比较成熟的 SaaS 商业应用了，业内产品如 Tidio、 TalkJS、Intercom、tawk.to 等，使用体验都很好，交互界面也很干净别致。此次本站选择用Tidio，部署起来很方便：

• 在个人博客这种业务场景中，几乎用不到它的收费功能，可以算是终身免费了。
• Tidio 提供了多种消息回复渠道，包括网页、桌面应用、iOS/Android APP（需要 Google play 服务支持）。
• 除了在线聊天，Tidio 还可以在线发送邮件，以及关联接收 Fackbook 消息。
• 在几款产品的界面风格中，还是 Tidio 看起来更加优雅一些，深得我爱。

注册账号

Tidio官网

注册账号，根据引导填写相关信息；进入控制台，在 SETTINGS -> Developer -> Project data 中获取到 Public Key：

配置文件

不同的主题有不同的配置写法，但都大同小异。本博客按照hexo-theme-melody主题配置。

首先在主题自定义布局中添加如下代码：

# Tidio online chat
# see: https://www.tidiochat.com
tidio:
  enable: true
  key: # Public_Key

然后在themes\melody\layout\includes\head.pug文件中加入以下代码：

if theme.tidio.enable
  script(src="//code.tidio.co/fut0uxnwfp6sbxufi6qqozmfzutuf3nc.js" async)

如果想修改Tidio的外观布局，可在Channel -> Live chat -> Appearance中自定义。

参考链接

Hexo 搭建个人博客系列：进阶设置篇 | Yearito’s Blog