一、Botui简介
一款自动回复文字、图片、视频的JS聊天机器人框架BotUI，可以自由设置多种选项、触发关键词、输入框等内容，聊天内容或范围也可以自由设置，回复内容可以是文字、图片（GIF亦可）、视频，我在博客中引用了此框架。
项目地址：
二、使用教程
Botui是结合Vue和Botui.js的自动回复界面：
模拟对话：
在html中使用直接引入vue和js即可，使用教程；
这里我是基于Hexo界面（Sakura）主题，融合vue到botui.js中了：
在主目录\source\下新建目录about，新建index.md
（sakura特点是将index.md文件直接转换成about\index.html）
index.md
关键代码是：
<bot-ui></botui><script src="/js/botui.js"></script><script>bot_ui_ini()</script>
完整代码：
---title: aboutdate: -2-12 22:14:36keywords: 关于description: comments: falsephotos: /gh/cungudafa/cdn/img/banner/about.jpg---{% raw %}<!-- 因为vue和botui更新导至bug,现将对话移至js下的botui中配置 --><div class="entry-content"><div class="moe-mashiro" style="text-align:center; font-size: 50px; margin-bottom: 20px;">[さくら荘のcungudafa]</div><div id="hello-mashiro" class="popcontainer" style="min-height: 300px; padding: 2px 6px 4px; background-color: rgba(242, 242, 242, 0.5); border-radius: 10px;"><center><p></p><h4>与 <ruby>cungudafa <rp>（</rp><rt>真（ま）白（しろ）</rt><rp>）</rp></ruby>对话中...</h4><p></p></center><bot-ui></botui></div></div><script src="/js/botui.js"></script><script>bot_ui_ini()</script>{% endraw %}
修改引入的sakura/js/botui.js即可修改对话
代码片较长，这里直接在gitee仓库中查看： /js/botui.js
之前用sakura原版botui.js,出现了编码格式不一致中文乱码的情况，后来修改后手动保存为UTF-8编码格式，已解决问题。
三、演示效果
https://cungudafa.gitee.io/about/
