第 5 章
下一步
你已經做到的事
恭喜!你現在有一個真的上線、屬於自己的網站,也會用「說需求 → 看預覽 → 說上線」改它,改壞了還能救回來。這章是選讀,挑你需要的看就好。
換成自己的網址(選做)
….workers.dev 能用,但 yourname.com 更專業、更好記。在 Cloudflare 買網域最省事,買完直接接上你的網站。
1. 買網域
- 打開 Cloudflare 的買網域頁面:打開 Register domains(開新分頁)
- 在搜尋框輸入你想要的網址,按 Search。
- 在想要的網址旁按 Purchase,選要買幾年。
- 填聯絡資料、付款方式,看過條款後按 Complete purchase。
2. 接上你的網站
- 打開 Workers & Pages(開新分頁),點你的網站。
- 依序點 Settings → Domains & Routes → Add → Custom Domain。
- 輸入你買的網址,按 Add Custom Domain。
- 等幾分鐘,打開新網址確認看得到你的網站。
最後跟 Claude 說:
我的網站換成自己的網址了:〔你的網址〕。請把 AGENTS.md 裡的網址改成新網址,以後上線都用新網址確認。 網站還能做什麼
想讓網站多做一點事,先問 AI 最簡單的做法:
我想讓網站能〔收 Email 名單/接詢價表單/看到每天有多少人來〕。我完全不會寫程式,請告訴我最簡單的做法、要花多少錢、我需要自己做哪些事,先不要動手,我確認後再開始。 用 ChatGPT(Codex)的人
這門課的每一段話都可以直接貼給 Codex,只有幾個地方不同:
| Claude | Codex | |
|---|---|---|
| 用什麼 App | Claude 桌面版 → Code 分頁 | ChatGPT 桌面版 → Codex |
| 交接筆記 | 先讀 CLAUDE.md,再跟著讀 AGENTS.md | 直接讀 AGENTS.md |
| 需要的方案 | Pro 以上 | Plus 以上 |
第 2 章把交接筆記寫在 AGENTS.md,CLAUDE.md 只寫一句請 Claude 去讀它,所以換哪一個 AI 來接手,看到的都是同一份筆記,都知道怎麼上線。兩者做這種網站的能力差不多,選你已經在付費的那個就好。
一頁小抄
印出來貼在桌上,或存成 PDF 放在手邊:
| 時機 | 跟 AI 說 |
|---|---|
| ① 環境檢查 | 我完全不會寫程式……請檢查電腦需要的工具,缺什麼幫我安裝。(第 1 章) |
| ② 名片版網站 | 請在這個資料夾幫我做一個「名片版網站」……(第 2 章) |
| ③ 上線設定 | 請幫我把網站上線到 Cloudflare,並備份到 GitHub……(第 2 章) |
| ④ 日常上線 | 上線(每次改完都用) |
| ⑤ 完整網站 | 我想把現在的名片版網站改成完整的一頁式網站……(第 3 章) |
| 改回舊版 | 列出最近 5 次上線的版本,讓我選要回到哪一版。(第 4 章) |
| 修改 | 〔哪裡〕現在〔怎樣〕,希望改成〔怎樣〕。(附截圖更準) |
| 沒靈感 | 給我三種版本並排,說明差別讓我選。 |
| 卡住了 | 我卡住了,這是畫面(截圖)。請白話說明,並告訴我下一步按哪裡。 |
| 開新對話 | 先讀 AGENTS.md 和需求單.md,接著做。 |
記住一件事:你負責「說清楚要什麼」,其他交給 AI。
結業:把網址傳給我看看
我是哈利哥。我相信創作者最值錢的是自己的想法,而不是會不會寫程式。做完了,回覆任何一封課程信,把你的網址傳給我,我很想看看你做出了什麼。卡住的地方也歡迎告訴我,你的問題會變成這門課的下一版。
想做更多?
這門免費課教的是順利時怎麼做一頁式網站。如果你想要:
- 卡關時有人陪你一起解決
- 做多頁網站,經營文章、SEO、表單、電子報
- 有期限、有同伴,一起把網站做完
都做完了嗎?