Skip to content

用 ChatGPT 部署 GitHub Pages:從建立儲存庫到網站上線 ​

讓 AI 協助 Push 與部署,但每一步都要知道它改了什麼

網站在自己的電腦裡可以打開,還不代表其他人也看得到。這支影片會直接拿一個由 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 上的一份程式碼,而是一個真的能交給別人打開的網站。

內容持續更新,歡迎透過社群回饋建議。