最近ChatGPT 實在是太火啦，但是由于是國外網(wǎng)站，門檻有點高，導(dǎo)致很多小白不知道怎么使用。

今天帶來一個html版的 它可以插入您的如何博客網(wǎng)站，資源網(wǎng)，屬于網(wǎng)站都可以插入，只要是可以插入html代碼的，都是可以直接使用。[吐舌][吐舌]

爆炸性簡單方便！

只需有一個openai的api即可

（api獲取網(wǎng)上注冊方式很多可以自己尋找）

可自定義頭像，免費html源碼分享，粘貼即用！

代碼可以用在博客系統(tǒng)如何界面上 只需要您的博客系統(tǒng)支持編輯文章html發(fā)布！

（博客無如何聯(lián)系方式 無需收取如何費用）

有任何在詢問（帶上截圖）?

不添加任何聯(lián)系方式[錢]

1.展示效果

效果預(yù)覽圖：

2.修改頭像の步驟

修改自己頭像的位置，修改src地址就可以哦，可以使用網(wǎng)絡(luò)上和本地的圖。（網(wǎng)絡(luò)上的圖片就自己用用哦，有版權(quán)風(fēng)險）

修改自己tox

2.1智能機器人頭像修改同理哦

機器人頭像

3.全部html代碼以及注意事項

使用的前提是需要有chatGPT的賬號去獲取apikey,然后把拿到的apikey放在下面代碼中，

apikey

新增小功能：

① 在原有的基礎(chǔ)上加入了本地實時存檔的功能，按照下面的步驟便可以隨時在本地查看以往和智能AI所有的聊天記錄哦！再也不用擔(dān)心關(guān)閉網(wǎng)頁后先前的聊天內(nèi)容全部消失啦！

PS：最新的谷歌和Edge瀏覽器都有本地存檔這個功能哦~

②實時監(jiān)控本地儲存空間余量（5MB）

③還有炫酷彩虹按鈕，可以一鍵清空自己的本地存檔，這樣就不會被其他人不小心看到自己的聊天記錄了！

④在使用的時候發(fā)現(xiàn)最下方的輸入框容易遮擋文字影響截圖與使用，所以便加入了隱藏按鈕，點擊便隱藏對話框，方便查看與截圖~

⑤加入了可自定的頭像哦！按照下方步驟便可以更換自己與智能AI的頭像哦，聊天更有代入感~

⑥當(dāng)遇見服務(wù)器無法回復(fù)的情況時，會自主提出異常，不用重啟網(wǎng)頁便可以直接在發(fā)送一次哦！

源碼例子下載地址：https://www.tudoumc.com/post/2966.html