我的個人網站 kirinchen.dev(215 篇筆記 + 片單)一行程式沒寫、一個後台沒點 —— 跟 agent 講一句話,它自己建 repo、部署、綁網域。這集把那一句話講給你,再真的做一次:空資料夾 → Claude Code 一句話 → GitHub Pages 上線,2 分 01 秒,整段不剪。
前端免費三選一(GitHub Pages / Cloudflare Pages / Firebase Hosting)怎麼挑、要後端的時候我用 AWS Lambda、以及 agent 幫不了你的三步:帳號、金鑰、帳單。
⏱ 章節
(成片出來後對真長度)
📝 片中的三句話(照抄就能用)
① 前端(GitHub Pages):幫我在這個資料夾做一個一頁式的靜態網站,主題是「衝浪阿北的 AI 筆記」,內容先放示意文字就好。然後用 gh 建一個 public repo 叫 one-sentence-site,把程式 push 上去,開 GitHub Pages(用 GitHub Actions 部署,不要 gh-pages 分支),等它真的上線後用 curl 確認網址回 200,最後把網址貼給我。
② 前端(Cloudflare Pages):把這個資料夾部署到 Cloudflare Pages,專案叫 my-site,綁網域 my-site.example.com;API token 和 account id 已經在環境變數裡,不要印出來。push main 就自動部署,用 GitHub Actions。
③ 後端(Lambda):做一個 AWS Lambda(Python),API Gateway 開一個 POST /notes 存一筆筆記到 DynamoDB。用 SAM 部署到 ap-northeast-1;GitHub Actions 用 OIDC 登入 AWS,不要存 access key;全部控制在免費額度內。
🔗 片中的網站
我的站:https://kirinchen.dev
一句話做出來的示範站:https://kirinchen.github.io/one-sentence-site/
⚠️ 片中 Cloudflare Workers + R2、Firebase Functions + DB 我沒在正式環境跑過,只講基本用法。
📌 不懂 agent / skills / MCP?先看第 0 集(上架後補連結)
🌐 個人網站:https://kirinchen.dev
𝕏 https://x.com/KirinChen1001
🧵 Threads:https://www.threads.com/@kirinddt
🎵 音樂:Name The Time And Place – Telecasted / Gemini – half.cool(YouTube 音效庫)