bf-static
Version:
Bowen Young 和 Felix hen 的静态资源库
39 lines (30 loc) • 1.27 kB
Markdown
## 这是什么？
这是一个自定义聊天机器人。效果可以参考我的博客页面：[关于-Bowenの破站](https://bowenyoung.cn/about/)
## 如何使用
### 博客页面配置
```markdown
{% raw %}
<html>
<body>
<link href="https://npm.elemecdn.com/bf-static/libs/botui/botui.css" rel="stylesheet">
</br>
<div class="botui-app-container" id="bowenbot" style="min-height: 0px; padding: 2px 6px 4px; background-color: rgba(169, 169, 169, 0.5); border-radius: 10px;">
<center>与 <你的昵称> 对话中. . .</center>
<bot-ui>
</bot-ui>
</div>
<script src="https://npm.elemecdn.com/bf-static/libs/botui/botui.js"></script>
<script src="/js/bot_custom.js"></script>
</br>
</br>
</br>
</body>
</html>
{% endraw %}
```
其中`/js/bot_custom.js`是你需要在博客根目录js文件夹下新建的js文件。
## 自定义对话信息
在你新建的js文件（`/js/bot_custom.js`）中配置属于你的机器人对话信息。格式可以参考此目录下的[bot_custom.js](https://npm.elemecdn.com/bf-static/libs/botui/bot_custom.js)
注意上述代码中的`id="xxx"`要与`bot_custom.js`中的`var botui = new BotUI("xxx")对应！;`
注意！如果含有中文需要使用UTF-8编码格式，否则可能出现中文乱码！