干貨太多我感覺要加一些表情包
真的很簡單,只要你仔細看文章 [真棒][真棒]
最近 ChatGPT 實在是太火啦,但是由于是國外網站,門檻有點高,導致很多小白不知道怎么使用。
今天帶來一個 html 版的 它可以插入您的如何博客網站,資源網,屬于網站都可以插入,只要是可以插入 html 代碼的,都是可以直接使用。[吐舌][吐舌]
爆炸性簡單方便!
只需有一個 openai 的 api 即可
(api 獲取網上注冊方式很多可以自己尋找)
可自定義頭像,免費 html 源碼分享,粘貼即用!
代碼可以用在博客系統如何界面上 只需要您的博客系統支持編輯文章 html 發布!
(博客無如何聯系方式 無需收取如何費用)
有任何在詢問(帶上截圖)
不添加任何聯系方式 [錢]
1. 展示效果
效果預覽圖:(圖 1)
2. 修改頭像の步驟
修改自己頭像的位置,修改 src 地址就可以哦,可以使用網絡上和本地的圖。(網絡上的圖片就自己用用哦,有版權風險)
修改自己 tox(圖 2)
2.1 智能機器人頭像修改同理哦
機器人頭像(圖 3)
3. 全部 html 代碼以及注意事項
使用的前提是需要有 chatGPT 的賬號去獲取 apikey, 然后把拿到的 apikey 放在下面代碼中,
apikey(圖 4)
新增小功能:
① 在原有的基礎上加入了本地實時存檔的功能,按照下面的步驟便可以隨時在本地查看以往和智能 AI 所有的聊天記錄哦!再也不用擔心關閉網頁后先前的聊天內容全部消失啦!
PS:最新的谷歌和 Edge 瀏覽器都有本地存檔這個功能哦~
②實時監控本地儲存空間余量(5MB)
③還有炫酷彩虹按鈕,可以一鍵清空自己的本地存檔,這樣就不會被其他人不小心看到自己的聊天記錄了!
④在使用的時候發現最下方的輸入框容易遮擋文字影響截圖與使用,所以便加入了隱藏按鈕,點擊便隱藏對話框,方便查看與截圖~
⑤加入了可自定的頭像哦!按照下方步驟便可以更換自己與智能 AI 的頭像哦,聊天更有代入感~
⑥當遇見服務器無法回復的情況時,會自主提出異常,不用重啟網頁便可以直接在發送一次哦!
下載地址: