背景#
最近我嘗試了一下使用 chatGPT 進行交互，但是由於 openAi 加強了防作弊措施，頁面會頻繁刷新，導致整體的交互體驗非常糟糕。因此，我開始尋找如何搭建自己的 chatGPT 網頁版，來讓交互更加順暢。沒有編程經驗的同學也可以嘗試哦！
前提準備#
- open AI 請求的 KEY
- vercel 帳號（免費註冊）
- github 帳號（免費註冊）
- cloudflare (免費註冊)
- 域名（可選項）
當上述內容都準備好了，就可以開始我們的自建網頁版 chatGPT 之旅
10 分鐘建設自己的靜態 GPT 頁面#
第一步：找到倉庫#
打開https://github.com/Yidadaa/ChatGPT-Next-Web這個倉庫，找到 README 說明
點擊上圖所示的Deploy，這時候會去到 vercel 的界面去操作
第二步：配置 vercel#
出現這個界面，選擇 GitHub，然後點create，這樣就創建了一個代碼倉庫在你的帳號下，同時關聯這個倉庫在 vercel 裡
OPENAI API 的 KEY 怎麼獲取呢， 是在https://platform.openai.com/account/api-keys 這個地址下找到Create new secret key按鈕，會彈窗出現 SK 開頭的一串字符串，這個就是 OPENAI 的 API KEY
OPENAI_API_KEY 是 openai 的 API KEY
CODE是網頁裡需要設置的密碼，做訪問控制，如果不設置任何人都可以使用，容易被網上掃到這個頁面然後就被惡意利用，盡量設置長一些的密碼。
點擊Depoly，然後程序就開始運行，等待即可。
至此，部署成功，然後找到對應的網址即可。點Continue to Dashboard，去到控制面板，找到紅色框的位置，點擊該地址即可訪問獨立在線的網頁版 chatGPT
填寫之前的 CODE（密碼），就可以開始使用了
獨立域名設置#
上述步驟完成，已經可以讓你獨立訪問自己的 ChatGPT 網頁了，但是 vercel 自帶的域名地址實在太長， 如果對這個有要求可以嘗試自己去購買一個域名，具體域名怎麼買就不詳細介紹。
這裡講怎麼去配置域名轉發
vercel 控制台#
- 在 Vercel 控制面板中找到
Setting→Domains→Add，輸入域名
- Add 之後，如果看到下圖中的提示（Invalid Configuration）👇, 說明要是這個域名解析生效，需要在你的域名商管理後台配置對應的 Cname 解析。
vercel.app 因為被大量使用，自然而然被牆掉了，不過好在 Vercel 官方提供了單獨的 IP 和 CNAME 地址給大家，對於國內的用戶來說，配置一下單獨的解析，依然可以享受 Vercel 提供的服務。
將上述步驟中用到的 ip 和 cname 地址替換成以下內容即可：
A 記錄地址：76.223.126.88 或 76.76.21.98 等
CNAME 記錄地址：cname-china.vercel-dns.com
完成#
如果域名服務配置正常，Vercel 的卡片會變成如圖的樣子：
上面是二級域名的效果，如果想要根域名轉發，需要額外的操作
Vercel 後台#
直接添加根域名後，vercel 會提示需要添加一條 @記錄指向 vercel 的服務器 76.76.21.21
域名管理後台#
直接將根域名 解析到 vercel 的服務器地址即可 ： 76.76.21.21
擴展閱讀 A 記錄和 CNAME 的區別#
A 記錄就是把一個域名解析到一個 IP 地址（Address，特指數字 IP 地址）；
CNAME 記錄就是把域名解析到另外一個域名。
其功能差不多，CNAME 將幾個主機名指向一個別名，其實跟指向 IP 地址是一樣的，因為這個別名也要做一個 A 記錄的。
最後#
看完文章的同學如果有興趣也可以去試試看， 大概就花 30 分鐘不到可以做好獨立域名的專屬自己的 chatGPT，速度真的太快了。
不過免費帳號有個缺點，就是每分鐘只能 3 次的接口請求，對於正常使用來說已經是夠了，但是對多個人使用的話可能會比較麻煩一些。
最後的最後推薦一篇開通 GPTPLUS 的文章，如果有需求的同學可以看看