☝️☝️☝️☝️☝️ 影片連結

網站在自己的電腦裡可以打開，還不代表其他人也看得到。這支影片會直接拿一個由 AI 產生內容的履歷網站來示範，從本機資料夾開始，一路建立 GitHub 儲存庫、推送檔案，再透過 GitHub Pages 取得可以分享的公開網址。整段流程會在 ChatGPT Desktop 的 Codex 中完成，讓你看到 AI 實際操作 Git 時，自己仍然需要確認哪些事情。

影片會依序示範：

• 把正確的網站資料夾加入 Codex，並確認目前操作的專案名稱。
• 在 GitHub 建立新的儲存庫，理解儲存庫名稱與公開設定。
• 複製遠端儲存庫網址，請 ChatGPT 將目前專案 Push 到 GitHub。
• 回到 GitHub 重新整理，確認檔案與版本紀錄確實已經上傳。
• 請 ChatGPT 建立 GitHub Pages 所需的部署內容與 gh-pages 分支。
• 從 Settings 的 Pages 頁面檢查部署來源，並開啟最後產生的網站網址。

把工作交給 AI 之後，最重要的不是指令變少，而是每一步都有清楚的檢查點。開始前要確認 Codex 選到正確資料夾；Push 以前要看遠端網址是不是自己的儲存庫；完成後也不能只相信「已部署」這句話，而是要到 GitHub 檢查檔案、分支與 Pages 設定。若網站暫時打不開，可以先等部署完成，再回頭查看是否少了來源分支或發布設定。

影片示範使用公開儲存庫，因此履歷內容採用 AI 產生的範例資料。自己的專案上線前，也要再次確認沒有把密碼、API Key、客戶資料或其他不該公開的內容一起推上去。預設網址通常會包含 GitHub 帳號與儲存庫名稱；如果想先理解網址、靜態網站限制與公開風險，可以搭配互動式簡報一起看。完成這一輪後，你拿到的不只是 GitHub 上的一份程式碼，而是一個真的能交給別人打開的網站。

文章同步發表於 https://book.casper.tw/it2026/deploy-github-pages-with-chatgpt