4 日實作 · Obsidian + Cursor + Astro + Cloudflare
完全新手版:4 日做出第一個可收名單嘅課程頁
由「我得個諗法」到「我有個可上線、可收名單、可持續改進嘅系統」
呢堂課唔係教你背指令,而係用 4 日幫你建好第一套可運作流程:Obsidian 定位內容、Cursor 加速起稿同改稿、Astro 組成可發佈頁面、Cloudflare Pages 上線驗收。你會由「好想做」行到「真係做到」,而且個成果一直都喺你手上。
- 用過閉環平台做頁,發現加功能就要續租,想試「檔案同部署都自己掌控」
- 對 AI 有興趣,但唔知點由「聊天」變成「真係有 live 網址」
- 聽過 Astro/Cloudflare,但唔知點樣同 Cursor、Obsidian 一齊用
- 想經營個人品牌或知識型副業,唔想一切綁死喺單一 SaaS
若你想先短試「收潛在客戶 → 部署」節奏,可以另選試味工作坊;4 日班則由工具地圖開始,一步步砌到可收名單嘅第一版。
4 日實作路線|先釐清、再起稿、再上線
新手版唔係一次過學晒,而係跟住最小可行流程逐步前進;每一日都有可驗收成果。
Day 1|構思同拆需求:先定範圍,再開工
- 用一句講清「邊類人會留低聯絡」同「留完會得到咩」
- 將課程頁拆成最小區塊:標題、說服段落、FAQ、CTA、提交後下一步
- 先做工具分工:Obsidian 管內容、Cursor 改稿、Astro 組頁、Cloudflare 上線
- 定好「先做到、再靚化」原則,避免 Day 1 已經 scope 爆炸
成果:一張可直接開工嘅頁面藍圖 + 可執行嘅最小範圍清單。
Day 2|用 Cursor 做第一版:先出稿,再分步驗收
- 按 Day 1 藍圖,用 Cursor 生成課程頁第一版(唔一次過追求完美)
- 練習點樣寫 prompt 先唔會一次改太多,並保留可 rollback 版本
- 分段驗收順序:版面先、互動後、表單與提交流程最後
- 整理 Markdown/frontmatter 基本規格,避免之後部署先發現漏欄位
成果:本機可跑嘅第一版課程頁 + 一套可重複用嘅 AI 改稿節奏。
Day 3|由本機去到正式上線:GitHub + Cloudflare 一次走通
- 將 Day 1/Day 2 完成嘅內容接入 Astro 結構,推上 GitHub 做版本紀錄
- 喺 Cloudflare Pages 對準 3 個關鍵設定:專案路徑、建置指令、輸出資料夾
- 先用
pages.dev 測試網址驗收流程,再決定係咪即日綁正式網域
- 按清單處理常見錯誤(例如 ENOENT、frontmatter 漏欄位)避免卡關
成果:一個可公開嘅 live 頁面 + 一份你之後都可重用嘅部署排錯流程。
Day 4|由「上到線」去「開始收名單」:驗收 + 14 日行動節奏
- 完成上線後 30 分鐘驗收:手機/桌面、按鈕、表單、SSL、關鍵路徑逐項打勾
- 建立每週 30 分鐘最小巡檢(先可用性、再速度、最後內容同轉換)
- 套用「每週只改 1 至 2 項」迭代法:標題、CTA、表單欄位分週測試
- 安排課後 14 日執行表,清楚知道第 1 週到第 2 週應該做咩
成果:唔止有頁面,仲有一套可以持續收名單同持續優化嘅節奏。
最小可行系統|先做好 3 個核心模組,再慢慢放大
骨幹唔求多,先求穩。你只要先跑通「頁面內容、名單入口、跟進起點」三個模組,就已經由興趣變成可持續經營。
- 內容頁面模組(LP):Obsidian + Cursor 先整出一版讀得明、做得到下一步嘅頁面
- 名單入口模組:Astro 頁面 + 表單流程,先打通「睇完 → 留資料」最短路徑
- 跟進起點模組:設定提交後下一步(感謝頁/簡單跟進方向),避免名單收咗就斷線
- 部署與驗收模組:GitHub + Cloudflare Pages,固定用同一套方式上線同排錯
你唔需要一次學晒所有進階功能;先跑通核心三模組,先係最快見成果嘅做法。
適配對象|邊類新手最啱用呢條路
- 完全未碰過 Astro,但想 4 日內有第一版 live 頁可試賣
- 想用 AI 降低寫作同建置門檻,但希望成果攞返喺自己手度
- 願意跟步驟實作,唔係只收集工具名單
- 接受第一版唔完美,但要可以收報名/留 Email
範圍界線|咩目標唔係今期處理
- 你只想要閉環平台撳掣就有,唔打算理解檔案同部署去邊
- 你預期 4 日內做到完整會員系統、付款閘道、CRM(要分階段做)
- 你完全唔肯喺課堂以外做功課驗收
成果交付|4 日後你會拎住咩走
- 4 日新手友善實作節奏(每日有明確產出)
- Cursor 改稿/寫 LP 提示範本(可重用)
- Astro 內容發佈前檢查清單
- Cloudflare 部署設定備忘(專案路徑、輸出資料夾)
- 14 天課後行動計畫
- 知道之後可點樣加:跟進電郵、免費贈品頁、簡單轉換流程(唔使一次做晒)
上線後推進|由第一版走向可持續優化
以下唔係額外閱讀清單,而係 4 日班會直接教你去做到嘅觀念同習慣。
做產品負責人,唔使逐行手寫 code
你要學識講清楚目標、喺瀏覽器驗收、用版本紀錄留低「今次改咗乜」。AI 加快施工,但判斷權仍然喺你手上;閉環平台方便,但加功能往往要續租,檔案主權路線就係為咗攞返喺自己手度。
上線最小路徑:內容 → GitHub → Cloudflare
第一版唔追求完美 UI,而係:Obsidian 寫好內容 → Cursor 改稿 → Astro 組頁 → 推上 GitHub → Cloudflare Pages 自動部署。見到 live 網址,先再談美化同進階功能。
部署卡住時,先查三個設定
九成「部署失敗」都係設定問題:專案路徑有冇指啱、建置指令係咪 npm run build、輸出資料夾係咪 dist。本機建置成功、雲端失敗,通常就係呢度。
內容要有固定模板
每篇文章頂部設定(標題、描述、日期)填啱,先至唔會成個站 deploy 失敗。複製現成文章改、發佈前逐項打勾,比靠記憶穩定得多。
贈品頁同轉換要慢慢試
第一版夠用就可以上線;之後每週只改 1 至 2 個位置(標題或按鈕或表單欄位),先知道邊樣有效。有流量先至值得談大幅改版。
常見疑問
我完全唔識技術,跟唔跟到?
跟到。課程設計係「唔識 code 都可以跟」,但你要肯喺瀏覽器逐項驗收;AI 加速,唔代表唔使理結果。
Obsidian、Cursor、Astro 會唔會搞亂?
唔會。我哋教「先流程、再工具」:Obsidian 寫內容、Cursor 改稿、Astro 組頁、Cloudflare 上線;各自做最啱嘅事。
一定要識 Git 先可以上線?
唔使熟晒指令。課堂會跟住做「上傳到 GitHub → Cloudflare 自動部署」;你之後可以慢慢學,但第一版跟步驟做到就得。
4 日後係咪就要完美網站?
唔係。目標係第一個可用、可收名單、可開始試賣嘅版本;之後用每週小改進(同 Blog 寫嘅維運節奏一樣)。
同「進階版」有咩分別?
新手版由 0 起 Astro 專案並第一次部署;進階版假設你已有內容或簡單網站,重點係漏斗、贈品頁同跟進電郵。報名時簡述你背景,我會建議邊個版本啱你。
你要嘅唔係更多教學片,而係一套可以即刻跑嘅最小系統
4 日之後你唔只係「識咗啲工具名」,而係有一套已跑通嘅路線:由定位、起稿、上線,到第一輪名單收集同後續優化。第一版唔需要完美,但一定要可用。
填表後我會按你背景確認班次;有疑問可喺表單備註寫低。
立即加入課程