前言

最近ChatGPT 实在是太火啦，但是由因而海外网站，门坎有点高，致使很多小白不知道怎样使用。

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

爆炸性简单方便！

只需有一个openai的api便可

可自定义头像，不要钱html源码分享，粘贴即用！

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

1.展现效果

效果预览图：

2.修改头像の步骤

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

修改自己tox

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

机器人头像

3.全部html代码和注意事项

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

新增小功能：

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

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

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

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

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

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

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

使用方法

将紧缩包解压，然后放到你想打开的目录下便可，网站输入/chatgpt.html就可以打开了，api接口得自己去申请哈，网上教程一大堆的

最后

桂哥亲测wordpress用不了，可能只能typecho这个博客系统吧，由于wp用了会有一些东西显示不出来，多是只有typecho才有的那种援用

下载地址：