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

白芸资源网公益广告

共计 867 个字符,预计需要花费 3 分钟才能阅读完成。

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

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

 

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

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

 

爆炸性简单方便!

只需有一个 openai 的 api 即可

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

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

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

(博客无如何联系方式 无需收取如何费用)

有任何在询问(带上截图)

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

 

1. 展示效果

效果预览图:(图 1)

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

2. 修改头像の步骤

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

修改自己 tox(图 2)

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

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

机器人头像(图 3)

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

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

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

apikey(图 4)

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

新增小功能:

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

 

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

 

②实时监控本地储存空间余量(5MB)

 

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

 

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

 

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

 

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

 

下载地址:https://suyan8.lanzouf.com/ivJhd0ot6ntc

    © 版权声明
    THE END
    本站一切内容不代表本站立场
    赞赏 分享