页面中添加自动对话机器人

2022-4-19 15:07

1,189

服务器

133 字

2 分钟

本文最后更新于 293 天前，其中的信息可能已经有所发展或是发生改变。

1、添加步骤

首先是去新建一个页面，输入标题
添加一个HTML区块，代码如下：

<div class="entry-content">
    <div class="botui-title" style="text-align:center; font-size: 50px; margin-bottom: 20px;">[像诗一样]</div>
    <div id="botui-content" 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>
                    likepoems <rp>
                        （</rp>
                    <rt>
                        真（ま）白（しろ）</rt>
                    <rp>
                        ）</rp>
                </ruby>
                对话中...</h4>
            <p>
            </p>
        </center>
        <bot-ui>
        </bot-ui>
    </div>
</div>
<script>
    bot_ui_ini()
</script>

代码块中的bot-ui标签就是对话内容，可以参照botui官网自行定义

2、在主题的页头脚本处引入文件

<link rel="stylesheet" href="https://static.likepoems.com/cdn/common/botui/botui.css">
<script src="https://static.likepoems.com/cdn/common/botui/botui.js"></script>

3、步骤演示

4、效果展示

请移步到关于页面

本文链接：https://likepoems.com/articles/page-to-add-automatic-dialogue-robots/
转载说明：本站文章若无特别说明，皆为原创，转载请注明来源：likepoems，谢谢！^^

botui WordPress

2453133436

Windows Chrome

2 年前
2022-9-23 11:36:46

对话内容的文件在哪呢
- likepoems
  博主
  2453133436
  
  Windows Edge
  
  2 年前
  2022-9-23 20:33:44
  
  botui.js文件的bot_ui_ini方法里面会定义对话内容。
2453133436

Windows Chrome

2 年前
2022-9-23 11:36:05

对话内容咱们加呢？
突突

Android Chrome

2 年前
2022-4-19 17:33:03

赞