博客网站添加ChatGPT聊天机器人模块

前几天已经分享了自己搭建GPT机器人的方法了，今天再带来一个html版的 它可以插入您的如何博客网站，资源网，属于网站都可以插入，只要是可以插入html代码的，都是可以直接使用。
简单方便！只需有一个openai的api即可
可自定义头像，代码可以用在博客系统如何界面上 只需要您的博客系统支持编辑文章html发布！

1.修改头像的步骤

修改自己头像的位置，修改src地址就可以哦，可以使用网络上和本地的图。（网络上的图片就自己用用哦，有版权风险）
2.智能机器人头像修改同理

3.全部html代码以及注意事项
使用的前提是需要有chatGPT的账号去获取apikey,然后把拿到的apikey放在下面代码中

新增小功能：

1.在原有的基础上加入了本地实时存档的功能，按照下面的步骤便可以随时在本地查看以往和智能AI所有的聊天记录哦！再也不用担心关闭网页后先前的聊天内容全部消失啦！
PS：最新的谷歌和Edge浏览器都有本地存档这个功能哦~
2.实时监控本地储存空间余量（5MB）
3.还有炫酷彩虹按钮，可以一键清空自己的本地存档，这样就不会被其他人不小心看到自己的聊天记录了！
4.在使用的时候发现最下方的输入框容易遮挡文字影响截图与使用，所以便加入了隐藏按钮，点击便隐藏对话框，方便查看与截图~
5.加入了可自定的头像哦！按照下方步骤便可以更换自己与智能AI的头像哦，聊天更有代入感~
6.当遇见服务器无法回复的情况时，会自主提出异常，不用重启网页便可以直接在发送一次哦！