博客資源網 為您的網站插入添加chatgpt機器人

干貨太多我感覺要加一些表情包

真的很簡單,只要你仔細看文章 [真棒][真棒]

 

最近 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 的頭像哦,聊天更有代入感~

 

⑥當遇見服務器無法回復的情況時,會自主提出異常,不用重啟網頁便可以直接在發送一次哦!

 

下載地址:

? 版權聲明
THE END
喜歡就支持一下吧
點贊12 分享