干货太多我感觉要加一些表情包
真的很简单,只要你仔细看文章
最近ChatGPT 实在是太火啦,但是由于是国外网站,门槛有点高,导致很多小白不知道怎么使用。
今天带来一个html版的 它可以插入您的如何博客网站,资源网,属于网站都可以插入,只要是可以插入html代码的,都是可以直接使用。
爆炸性简单方便!
只需有一个openai的api即可(api获取网上注册方式很多可以自己寻找)
可自定义头像,免费html源码分享,粘贴即用!
代码可以用在博客系统如何界面上 只需要您的博客系统支持编辑文章html发布!
(博客无如何联系方式 无需收取如何费用)
1.展示效果
效果预览图:(图1)
![图片[1]-博客资源网 为您的网站插入添加chatgpt机器人-星网科技 Grdy.cn](https://www.grdy.cn/king72/tupiaodaw/upiaori47/2024/09/02/55/ydc3pjojbzo20240902075529ydc3pjojbzo28132859141.jpg)
2.修改头像の步骤
修改自己头像的位置,修改src地址就可以哦,可以使用网络上和本地的图。(网络上的图片就自己用用哦,有版权风险)
修改自己tox(图2)
![图片[2]-博客资源网 为您的网站插入添加chatgpt机器人-星网科技 Grdy.cn](https://www.grdy.cn/king72/tupiaodaw/upiaori47/2024/09/02/55/c5wb15qrbeg20240902075530c5wb15qrbeg28132913597.jpg)
2.1智能机器人头像修改同理哦
机器人头像(图3)
![图片[3]-博客资源网 为您的网站插入添加chatgpt机器人-星网科技 Grdy.cn](https://www.grdy.cn/king72/tupiaodaw/upiaori47/2024/09/02/55/bjdqqztz0qw20240902075530bjdqqztz0qw28132924460.jpg)
3.全部html代码以及注意事项
使用的前提是需要有chatGPT的账号去获取apikey,然后把拿到的apikey放在下面代码中,
apikey(图4)
![图片[4]-博客资源网 为您的网站插入添加chatgpt机器人-星网科技 Grdy.cn](https://www.grdy.cn/king72/tupiaodaw/upiaori47/2024/09/02/55/tt1c2oryroq20240902075530tt1c2oryroq28132935243.jpg)
新增小功能:
① 在原有的基础上加入了本地实时存档的功能,按照下面的步骤便可以随时在本地查看以往和智能AI所有的聊天记录哦!再也不用担心关闭网页后先前的聊天内容全部消失啦!
PS:最新的谷歌和Edge浏览器都有本地存档这个功能哦~
②实时监控本地储存空间余量(5MB)
③还有炫酷彩虹按钮,可以一键清空自己的本地存档,这样就不会被其他人不小心看到自己的聊天记录了!
④在使用的时候发现最下方的输入框容易遮挡文字影响截图与使用,所以便加入了隐藏按钮,点击便隐藏对话框,方便查看与截图~
⑤加入了可自定的头像哦!按照下方步骤便可以更换自己与智能AI的头像哦,聊天更有代入感~
⑥当遇见服务器无法回复的情况时,会自主提出异常,不用重启网页便可以直接在发送一次哦!
感谢您的来访,获取更多精彩文章请收藏本站。

暂无评论内容