在博客里接入AI机器人(Chatgpt),并且读取博客文章

cover

起因

我看到endercat的这篇文章,起了往博客添加机器人的想法,但是期望是以悬浮窗的形式,就到处寻找,终于!!!找到了
实际上是我太菜不会加悬浮窗()

😆创建机器人New bot

这次借助的是Chat Thing 网站,免费版支持gpt-3

  1. 进入后注册登录,然后会看到仪表盘。
  2. 创建机器人,注意免费版只能创建一个机器人。
  3. 设置机器人的基础信息,注意催眠的地方在Advanced settings中最下面

image-20230809203623323

🫤设置 Data source 数据来源

注意免费版只能有一个数据来源,但一般也够了

image-20230809214044613

有很多中不同方式,这里介绍两种方式:

  1. Website:(因为可以用sitemap)如图,输入网址即可
image-20230809204349728
  1. RSS订阅:点击你的xlog主页的RSS按钮,复制新打开网页的网址到下图位置即可即可

    image-20230810085810825

image-20230810085956865

注意要保存并同步数据源

image-20230810090147307

这样,数据源也设置好啦

🥰嵌入博客 Embed Bot

点开Embed Bot,参考下图翻译,选择你想要的方式插入就好了

image-20230809204552761

如果是插入文章/页面,那么很简单,直接在对应.md插入你看到的代码就好了。

如果想要全局小组件,直接在bottom引入:

1
<script src="https://chatthing.ai/chat-widget.js" type="text/javascript" id="<替换为你在小组件代码中看到的id(保留引号)>" async defer></script>

效果分别如图

image-20230809210531921 image-20230809205358309

这样就完成啦🥳

如有错误/改进,欢迎指正🥲

本文作者:Genkaim

本文链接: https://www.genkaim.top/posts/add30ed0