hexo 环境变量_手把手教你在Hexo中添加即时通讯工具Chatwoot
时间: 2024-05-10 22:15:48 浏览: 128
要在 Hexo 中添加即时通讯工具 Chatwoot,需要进行以下步骤:
1. 注册 Chatwoot 账号并创建一个聊天小部件。
2. 安装 Hexo 插件 `hexo-inject-script`,可以使用以下命令安装:
```
npm install hexo-inject-script --save
```
3. 在 Hexo 的 `_config.yml` 文件中添加 Chatwoot 的聊天小部件代码。例如:
```
chatwoot_script: <script src="https://app.chatwoot.com/website/12345678/widget.js" data-website-id="12345678" data-position="left" async></script>
```
其中,`data-website-id` 填写 Chatwoot 账号中创建的聊天小部件的 ID,`data-position` 可以设置聊天小部件的位置,这里设置为左侧。
4. 在 Hexo 的主题模板中添加以下代码,将聊天小部件代码注入到网页中:
```
{% if config.chatwoot_script %}
{% inject_script %}
{{ config.chatwoot_script }}
{% endinject_script %}
{% endif %}
```
5. 重新生成 Hexo 网站,即可在网站中看到 Chatwoot 的聊天小部件。
以上就是在 Hexo 中添加 Chatwoot 即时通讯工具的步骤,希望对你有帮助。
阅读全文