页面中添加自动对话机器人
本文最后更新于 110 天前,其中的信息可能已经有所发展或是发生改变。

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://gcore.jsdelivr.net/gh/likepoems/rushi/botui/botui.css">
<script src="https://gcore.jsdelivr.net/gh/likepoems/rushi/botui/botui.js"></script>></script>

其中,botui.js中的bot_ui_ini方法可以参考官网设置。就拿本次引入的,找到4483行,如图:

botui自动对话机器人

sure等方法就是点击按钮后的逻辑,这里不做过多阐述。

3、步骤演示

botui自动对话机器人

4、效果展示

请移步到关于页面

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

评论

  1. Windows Chrome
    2 年前
    2022-9-23 11:36:46

    对话内容的文件在哪呢

    • 博主
      2453133436
      Windows Edge
      2 年前
      2022-9-23 20:33:44

      botui.js文件的bot_ui_ini方法里面会定义对话内容。

  2. Windows Chrome
    2 年前
    2022-9-23 11:36:05

    对话内容咱们加呢?

  3. Android Chrome
    3 年前
    2022-4-19 17:33:03

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇