現在 AI 要做一個網站其實已經很簡單了，不過完全沒有摸過程式碼應該是不知道要怎麼開始？可能連 claude code 或 codex 也沒摸過。
排除內容本身的話，最困難的應該是不知道網站本身怎麼弄才會上線，另外更進階的風格怎麼跟別人不一樣？自己的網址怎麼弄？SEO該怎麼做？
先別覺得一次要吸收很多東西會太困難，讓你先看懂全貌，再示範怎麼用 AI 一輪一輪把網站長出來。
網站開發的大致流程
- 事前準備 —— 付費 AI、GitHub 帳號、Git、給 AI 的專案入口
- 上線 —— 先讓最小的東西推上網 <- 到這步其實就已經可以連線了
- 內容 —— 跟 AI 討論方向，一輪一輪把頁面長出來
- 設計 —— 視覺風格統一（design system）
- 網域 —— 換上自己的專屬網址
- SEO —— 讓 Google 找得到你
- 速度優化 —— 讓網站跑得更快
現在看起來很多，我們這邊要用迭代的形式來完成這個網站，不用全部做完網站就可以上線了，想要更好就在叫 AI 新增上去。
先讓最小的東西上線，再一輪一輪加東西。
每一輪都是同一顆引擎在轉：
- 跟 AI 討論你想要什麼
- 把討論出來的方向記進專案的知識庫（KB，Knowledge Base）
- 叫 AI 根據 KB 更新頁面
- 叫 AI 把改動存檔上傳（commit / push），網站自動更新
- 看線上結果 → 再回到第 1 步
你會發現：你真正在做的事，是不斷餵這個知識庫，而頁面會自己跟著長。理解這顆引擎，下面每一步就都只是它的一次轉動而已。
打造專案基礎
現在我們要先把 AI 的環境搞定，之後就可以快速地讓 AI 進入狀況：
訂閱付費版 AI Agent，我們要使用有 Agent 功能的 AI ，他會幫你直接去改程式碼，跟網頁對話的方式完全不一樣，這個只有付費的 20 美金以上版本才有 Agnet 功能的 Claude Code ， Codex 雖然免費版可以玩，不過應該問一兩個問題就沒額度了。我建議如果真的認真要開發的話要訂到 100 鎂方案，不然 5 小時額度很快就燒完了，靈感也就中斷了。
如果猶豫的話可以找有訂閱 Claude 的朋友，寄邀請連結給你試用一個禮拜，應該夠把網站弄上線，或是就慢慢等 5 小時過去。
註冊一個 GitHub 帳號。這是放網站程式碼、也順便提供 Github Page 免費網址與自動上線的地方，有些比較進階的會選用 Vercel 之類的，不過因為我們要用 Git 做版本管理本來就要上傳 GitHub，那就不用再分兩個地方了。
叫 AI 幫你裝 Git 跟 Github Cli。Git 是工程師管理檔案版本的基礎工具，簡單來講就是存檔點，讓你改錯的時候有機會回去以前的存檔。操作部分可以直接叫 AI 幫你做，而且因為單人開發，所以也不用像一些複雜的專案要開分支。有時候 Agent 預設會開分支，最後要記得合併回主線 main 上。
Github Cli 是讓 Agent 可以幫你自動操作 Guthub 的關鍵。如果裝好並登入以後，應該就沒什麼需要自己操作的東西了，後面就可以完全靠跟 Agent 對話完成。
最後一步手動就是要去 Github 開一個空白專案並且 clone 到本地，這樣 claude code 或 codex 才會有個資料夾可以工作，也會有地方可以上傳，記得要把能見度改成 Private。
建立專案知識庫（KB），這個資料就是累積所有跟他討論的細節，我們要確保每個對話都要留下會議記錄，這樣我們新開一個對話的時候，Agent 才會有參考的資料可以看。具體來說建立方法非常簡單，直接跟 Agent 說：幫我建立一個 kb 資料夾，他就會知道是什麼了。這時應該 README.md 裡面會有記錄 kb 的一些資訊。
給 AI 一個專案入口 AGENTS.md ，這個是整個專案自動化的基礎，Agent 進來一定會讀這個檔案，這就很像你請一個新員工進來，讓他先了解一下環境設定，那你就跟他講，每次進來要先看過 kb 跟 README.md 裡面的重要內容，任何環境有關的東西也可以在之後討論叫他一定要看，這個就是一個跟著專案的 memory.md。
剩下就是養成一個習慣：每做一段，就叫 AI 存檔上傳（commit / push）。 整個飛輪就要開始轉動了。
做出第一版網頁上線
現在就可以跟 Agent 討論網站的走向了，可以先跟他說要做一個一頁式的網站丟到 Github Page，他就會開始跟你討論方向，並且把整個專案的骨架長出來。
剩下的就是看他問你什麼問題，到這裡，你已經有一個能給別人看的網站了。 接下來才是真正好玩的部分。
主要迭代迴圈
網站上線後，就回到那顆引擎，開始真正的迭代——這也是你大部分時間在做的事：
- 回頭跟 AI 討論整個網站的方向：要給誰看、想傳達什麼、要幾個頁面。
- 討論出來的東西沉澱進 KB。（你會親眼看到前面說的知識庫開始累積。）
- 方向長出一點，就叫 AI 「根據 KB 整理、更新頁面」。
- 存檔上傳，網站自動更新，看線上結果。
- 再討論 → KB 再長 → 再更新……
關鍵在於：你餵的是知識庫，頁面自己跟著長。 網站越做，KB 越完整，AI 就越懂你的專案、越好接手。
這裡有個訣竅可以節省 token 跟來回的時間，就是不要一開始就叫 Agent 寫Code，每次改東西前要先跟他在對話裡面討論方向，確定文案後再叫他去改程式碼的部分。
進階的選項
設計：讓視覺統一專業（design system）
先讓網站的顏色、字體、間距、按鈕風格有一套統一規則，整體看起來才專業、不雜亂。這件事可以找 AI 幫忙，市面上也有專門產生整套視覺規範（design system）的 AI 工具，能直接給 AI 套用。
網域：換上自己的專屬網址
想要 yourname.com 這種專業網址時再買：
- 去哪買：到網域商（如 Cloudflare）搜尋想要的名字，沒被註冊就能買。
- 重點觀念：網域是「每年租」不是「買斷」，忘記續費會被收回，甚至被別人搶走。這是最多人踩的坑。
- 買好之後，叫 AI 幫你把網域接到已經上線的網站（DNS 設定），順便確認 HTTPS（網址前的安全鎖頭）有開——這些純照步驟的細節，正適合交給 AI 一步步帶。
SEO：讓 Google 找得到你
到 Google Search Console（GSC）把網站登記上去，Google 才會把你收進搜尋結果，你也才看得到簡單的流量數據。後續要怎麼優化，一樣可以丟給 AI 建議。
速度優化：讓網站跑得更快
網站慢會直接影響觀感與搜尋排名。做法很簡單——先用免費的測速網站（例如 PageSpeed Insights）幫你的網站打分數、列出問題，再把報告丟給 AI，請它一項一項修。
那我該自己做，還是交給別人？
看到這裡你應該心裡有底了。
這套流程，人人都能自己轉。 現在有 AI，連 Git、DNS、上線設定這些技術細節都能交給它，你出一張嘴、有耐心，這條路花的是時間，不是大錢。
但每一輪都要自己摸、自己踩坑、自己等。如果你看到「DNS」「commit」「GitHub Action」這些字就頭痛，或你的時間更值錢——那就不用自己走這一遭。
我可以幫你從生出網站、上線、換上自己的網域、設定好 HTTPS 與基本 SEO 一次處理好，你只要負責提供想法與素材，告訴我想要的感覺。
如果想看 3d 網站製作，可以參考: 3D 即時渲染網站製作歷程
→ 看 服務，或直接聯絡 藍震有限公司 描述你想做什麼樣的網站、目前卡在哪，我會幫你判斷適合自己動手，還是交給我比較划算。