懶人包 · 操作流程

用 Claude + Cloudflare
一個人整好招募平台,即日上線

唔使搵設計師、唔使買 domain、唔使等——自己一個人就做到

🧑‍💻

以前:搵人做

🤖

而家:AI 同你一齊做

思維轉換是關鍵

唔使識寫 code,你只需要識講出你想要嘅網站係點樣,其餘由 Claude 幫你完成。

0
先認清成個流程得三步
💬
叫 Claude 寫網站
一個 HTML 檔,包晒 UI
🖥️
本地測試
瀏覽器打開,改到滿意
☁️
Cloudflare 上線
上傳,即刻有網址
1
叫 Claude 生成成個招募平台

一次過講清楚你想要嘅風格同功能,Claude 就會將 HTML、CSS、JavaScript 全部寫喺一個檔案入面。

你幫我用 HTML + CSS + JavaScript 整一個招募平台,全部寫喺一個 HTML 檔案入面。 要求: - UI 要現代化、好靚(可以話明你鍾意嘅顏色/風格) - 有職位空缺列表 + 申請表格 - 唔使用 backend,純前端就得 - 手機、電腦都要睇得舒服
2
本地測試(免費、無限次)
  • 將 Claude 生成嘅 HTML 儲存到電腦
  • 直接用瀏覽器打開嚟睇
  • 有邊度想改,就同 Claude 講,佢即刻幫你調整
  • 重點:改到自己滿意為止,呢步完全唔使錢
3
開一個 Cloudflare 帳號
  • dash.cloudflare.com 免費註冊
  • 入到 dashboard 後,揀左邊 Workers & Pages
  • Create → 揀 PagesUpload assets(直接上傳)
4
上傳 HTML,即刻有網址
  • 將個 HTML 檔案(或成個資料夾)拖入去
  • Deploy,等幾秒
  • Cloudflare 會即刻俾你一個 xxx.pages.dev 網址
  • 呢個網址已經可以直接分享出去,落地使用
開 Cloudflare 帳號 → 上傳 HTML → 即刻有網址上線
5
(想要自己個 domain?)
  • 喺 Pages project 入面揀 Custom domains
  • 加你自己買咗嘅 domain,或者直接喺 Cloudflare 買一個
  • 唔想要都冇問題,用返 xxx.pages.dev 一樣用得
6
之後想改嘢,正確次序
同 Claude 講想點改 → 本地瀏覽器確認冇問題 → 先重新上傳一次

⚠️ 成本一覽

動作 費用 建議
開 Cloudflare 帳號 免費 一定要開,係一切嘅第一步
上傳去 Pages / 拎 .pages.dev 網址 免費 Free plan 已經夠用,慢慢試
Claude 生成 / 修改網站 用 Token 一次講清楚要求,減少來回修改
自訂 domain(例如 xxx.com) 非必要,睇你揀邊個 唔要都可以用,想要先加錢買