自动聊天机器人

发布于 2022-03-26  474 次阅读


本文最后更新于2022年5月1日,已超过 30 天没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

一款自动回复文字、图片、视频的JS聊天机器人框架 BotUI,可以自由设置多种选项、触发关键词、输入框等内容,聊天内容或范围也可以自由设置,回复内容可以是文字、图片(GIF亦可)、视频,自己下载js回来修改您的对答吧。 预览 https://cbbkk.com/comments/

方法

WP后台-Sakura主题设置-CDN-开启本地调用主题 jscss 文件

修改Sakura主题目录下的 js/sakura-app.js 文件,找到大概第26行代码

copy_code_block();

下面添加代码

                //BotUI重载
        if ($("div").hasClass("popcontainer")) {
            loadBotui()
        }

在此文件 ( js/sakura-app.js ) 底部增加如下代码

/*BotUI*/
if ($("div").hasClass("popcontainer")) {
    loadBotui()
}
$("bot-ui").click(function() {
    loadBotui()
});
 
function loadBotui() {
    if ($('div').hasClass('popcontainer')) {
        if (mashiro_global.variables.has_bot_ui) {
            bot_ui_ini()
        } else {
            $.getScript('https://oss.amogu.cn/blog/botui/botui.js',
                //上方JS中的'BotUI回复配置'修改为你自己的BotUI回复配置,其他不变
                function() {
                    bot_ui_ini();
                    mashiro_global.variables.has_bot_ui = true
                })
        }
    }
}

最后 在WordPress后台中 新建页面,自定义HTML 内容中填入如下代码

<div class="popcontainer" id="fogforest" style="min-height:300px; padding:2px 6px 4px 6px; background-color: rgba(242, 242, 242,0.5); border-radius: 10px; 2px solid">
    <center><h4>与 killuaの机器人 对话中...</h4></center>
    <bot-ui>
        <center>
            <div style=" background-image: url(https://cdn.jsdelivr.net/gh/Fog-Forest/cdn@1.7/botui/loading.svg);background-repeat: no-repeat;background-size: 10em;background-position: center;height: 10em;"></div>
            <p>Loading</p>
        </center>
    </bot-ui>
</div>

保存之后,添加在菜单中,去 清理游览器的历史游览记录 跟清理cdn cf的缓存即可。