BotUI一种建立聊天机器人接口的JavaScript框架，Botui基于Vue.js，通过简单配置，就可以制作出一个功能简单的聊天机器人，非常神奇。
一、Botui简介
一款自动回复文字、图片、视频的JS聊天机器人框架BotUI，可以自由设置多种选项、触发关键词、输入框等内容，聊天内容或范围也可以自由设置，回复内容可以是文字、图片（GIF亦可）、视频，我在博客中引用了此框架。
二、Botui使用教程
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>
<scriptsrc="/js/botui.js"></script>
<script>
bot_ui_ini()
</script>
1
2
3
4
5
完整代码：
---
title:about
date:2020-2-1222:14:36
keywords:关于
description:
comments:false
photos:https://cdn.jsdelivr.net/gh/cungudafa/cdn/img/banner/about.jpg
---
{%raw%}
<!--因为vue和botui更新导至bug,现将对话移至js下的botui中配置-->
<divclass="entry-content">
<divclass="moe-mashiro"style="text-align:center;font-size:50px;margin-bottom:20px;">[さくら荘のcungudafa]</div>
<divid="hello-mashiro"class="popcontainer"style="min-height:300px;padding:2px6px4px;background-color:rgba(242,242,242,0.5);border-radius:10px;">
<center>
总之，BotUI有一个超级简单的API，它可以通过添加消息、问题，甚至表单输入字段来配置会话的流程，以便用户填写。如果你想了解更多关于交互式会话的用户界面，看看我们的文章介绍开发的聊天机器人。