用講的,把作品變成網站

第 5 章

下一步

預計時間 10 分鐘 這章結束時你有 一頁小抄、換網域的方法、下一步方向

你已經做到的事

恭喜!你現在有一個真的上線、屬於自己的網站,也會用「說需求 → 看預覽 → 說上線」改它,改壞了還能救回來。這章是選讀,挑你需要的看就好。

換成自己的網址(選做)

….workers.dev 能用,但 yourname.com 更專業、更好記。在 Cloudflare 買網域最省事,買完直接接上你的網站。

1. 買網域

  1. 打開 Cloudflare 的買網域頁面:打開 Register domains(開新分頁)
  2. 在搜尋框輸入你想要的網址,按 Search。
  3. 在想要的網址旁按 Purchase,選要買幾年。
  4. 填聯絡資料、付款方式,看過條款後按 Complete purchase。

2. 接上你的網站

  1. 打開 Workers & Pages(開新分頁),點你的網站。
  2. 依序點 Settings → Domains & Routes → Add → Custom Domain。
  3. 輸入你買的網址,按 Add Custom Domain。
  4. 等幾分鐘,打開新網址確認看得到你的網站。

最後跟 Claude 說:

複製貼上給 AI
我的網站換成自己的網址了:〔你的網址〕。請把 AGENTS.md 裡的網址改成新網址,以後上線都用新網址確認。

網站還能做什麼

想讓網站多做一點事,先問 AI 最簡單的做法:

想加功能的時候
我想讓網站能〔收 Email 名單/接詢價表單/看到每天有多少人來〕。我完全不會寫程式,請告訴我最簡單的做法、要花多少錢、我需要自己做哪些事,先不要動手,我確認後再開始。

用 ChatGPT(Codex)的人

這門課的每一段話都可以直接貼給 Codex,只有幾個地方不同:

ClaudeCodex
用什麼 AppClaude 桌面版 → 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、表單、電子報
  • 有期限、有同伴,一起把網站做完

都做完了嗎?