博客资源网 为您的网站插入添加chatgpt机器人

干货太多我感觉要加一些表情包

真的很简单，只要你仔细看文章 [真棒][真棒]

 

最近 ChatGPT 实在是太火啦，但是由于是国外网站，门槛有点高，导致很多小白不知道怎么使用。

今天带来一个 html 版的 它可以插入您的如何博客网站，资源网，属于网站都可以插入，只要是可以插入 html 代码的，都是可以直接使用。[吐舌][吐舌]

 

爆炸性简单方便！

只需有一个 openai 的 api 即可

（api 获取网上注册方式很多可以自己寻找）

可自定义头像，免费 html 源码分享，粘贴即用！

代码可以用在博客系统如何界面上 只需要您的博客系统支持编辑文章 html 发布！

（博客无如何联系方式 无需收取如何费用）

有任何在询问（带上截图）

不添加任何联系方式 [钱]

 

1. 展示效果

效果预览图：（图 1）

2. 修改头像の步骤

修改自己头像的位置，修改 src 地址就可以哦，可以使用网络上和本地的图。（网络上的图片就自己用用哦，有版权风险）

修改自己 tox（图 2）

2.1 智能机器人头像修改同理哦

机器人头像（图 3）

3. 全部 html 代码以及注意事项

使用的前提是需要有 chatGPT 的账号去获取 apikey, 然后把拿到的 apikey 放在下面代码中，

apikey（图 4）

新增小功能：

① 在原有的基础上加入了本地实时存档的功能，按照下面的步骤便可以随时在本地查看以往和智能 AI 所有的聊天记录哦！再也不用担心关闭网页后先前的聊天内容全部消失啦！

 

PS：最新的谷歌和 Edge 浏览器都有本地存档这个功能哦~

 

②实时监控本地储存空间余量（5MB）

 

③还有炫酷彩虹按钮，可以一键清空自己的本地存档，这样就不会被其他人不小心看到自己的聊天记录了！

 

④在使用的时候发现最下方的输入框容易遮挡文字影响截图与使用，所以便加入了隐藏按钮，点击便隐藏对话框，方便查看与截图~

 

⑤加入了可自定的头像哦！按照下方步骤便可以更换自己与智能 AI 的头像哦，聊天更有代入感~

 

⑥当遇见服务器无法回复的情况时，会自主提出异常，不用重启网页便可以直接在发送一次哦！