第 0 章

先認識網站

你會做出什麼

這門課做完，你會有一個一頁式網站：一頁裡有你的介紹、你的作品或服務，以及一個「請對方做某件事」的按鈕，例如預約、詢價或訂閱。

它有自己的網址，任何人用手機或電腦都打得開。

整個過程，你只要做三件事：

1. 說需求用平常說話的方式告訴 AI 你想要什麼。
2. 看預覽AI 做好後會打開畫面給你看，你說哪裡要改。
3. 說「上線」AI 會幫你存檔、上傳，網站馬上就更新。

寫程式、上傳檔案、處理設定，全部交給 AI。你負責你最懂的部分：你是誰、你想給誰看。

網站是什麼

你每天打開的網站，本質上就是一包檔案：一份寫好文字和排版的文件，加上幾張圖片。

這包檔案放在你自己的電腦裡，就只有你看得到。把它放到「別人打得開的地方」，任何人輸入網址，就能看到同一份內容。這就是「上線」。

所以做網站其實只有兩件事：

1. 做出那包檔案：這是 AI 的工作。
2. 把它放到別人打得開的地方：這是 GitHub 和 Cloudflare 的工作。

四個角色，各做一件事

把做網站想成開一家店：

你說「上線」時發生什麼事？

AI 會一次做完三件事：在你的電腦存一版、把新版擺上 Cloudflare 店面、再備份一份到 GitHub 倉庫。你不用自己搬任何東西。

改壞了也不怕，每一版都還在，拿舊版出來重新擺上去就好。電腦壞了或換電腦，也能從 GitHub 把網站拿回來繼續改。

這門課怎麼走

每一章結束，你手上都會多一樣東西：

GitHub 和 Cloudflare 你要碰幾次？

很少。設定都集中在前兩章，之後就只要跟 AI 說話：

要花多少錢？

AI 一定要付費方案：Claude 免費版沒有這門課要用的 Code 功能；ChatGPT 免費版雖然能用 Codex，但額度非常少，常常做到一半就用完。

讀完你會知道

看看自己能不能用一句話回答：

• 網站是什麼？一包檔案，放在別人打得開的地方
• GitHub 和 Cloudflare 各做什麼？Cloudflare 是店面，給全世界看；GitHub 是倉庫，備份每一版
• 我要做的三件事是什麼？說需求、看預覽、說「上線」

下一章開始動手，先把帳號和工具準備好。