[{"data":1,"prerenderedAt":381},["ShallowReactive",2],{"\u002Fblog\u002Fcloudflare-broke-stack\u002F:zh-Hant":3,"\u002Fblog\u002Fcloudflare-broke-stack\u002F-surround:zh-Hant":279,"blog-all-posts:zh-Hant":280},{"id":4,"title":5,"author":6,"body":10,"date":261,"description":262,"extension":263,"image":264,"locale":265,"meta":266,"minRead":267,"navigation":268,"original":269,"path":270,"pinned":269,"seo":271,"source":272,"sourceUrl":23,"stem":273,"tags":274,"updated":264,"__hash__":278},"blog\u002Fblog\u002Fcloudflare-broke-stack.zh-Hant.md","2026 獨立開發最佳實踐：Cloudflare 窮鬼全家餐",{"name":7,"avatar":8},"陳大黃",{"src":9,"alt":7},"\u002Favatar.jpg",{"type":11,"value":12,"toc":247},"minimark",[13,28,36,40,157,160,165,168,172,175,179,182,204,208,211,214,234,237,240],[14,15,16],"blockquote",{},[17,18,19,20,27],"p",{},"置頂貼文，原文發表於 ",[21,22,26],"a",{"href":23,"rel":24},"https:\u002F\u002Fx.com\u002Frealchendahuang\u002Fstatus\u002F2066586160902881542",[25],"nofollow","X","，4 萬+ 次瀏覽。",[17,29,30,31,35],{},"2026 年獨立開發最佳實踐：",[32,33,34],"strong",{},"Cloudflare 窮鬼全家餐","。",[37,38,39],"h2",{"id":39},"技術棧一覽",[41,42,43,59],"table",{},[44,45,46],"thead",{},[47,48,49,53,56],"tr",{},[50,51,52],"th",{},"環節",[50,54,55],{},"選型",[50,57,58],{},"成本",[60,61,62,74,85,96,106,117,127,137,147],"tbody",{},[47,63,64,68,71],{},[65,66,67],"td",{},"寫程式",[65,69,70],{},"Codex",[65,72,73],{},"訂閱制",[47,75,76,79,82],{},[65,77,78],{},"版本控制",[65,80,81],{},"GitHub",[65,83,84],{},"免費",[47,86,87,90,93],{},[65,88,89],{},"收款系統",[65,91,92],{},"Stripe",[65,94,95],{},"按交易抽成",[47,97,98,101,104],{},[65,99,100],{},"前端",[65,102,103],{},"TanStack Start",[65,105,84],{},[47,107,108,111,114],{},[65,109,110],{},"後端",[65,112,113],{},"Hono + Cloudflare Workers",[65,115,116],{},"免費額度",[47,118,119,122,125],{},[65,120,121],{},"部署",[65,123,124],{},"Cloudflare Pages",[65,126,84],{},[47,128,129,132,135],{},[65,130,131],{},"資料庫",[65,133,134],{},"Cloudflare D1",[65,136,116],{},[47,138,139,142,145],{},[65,140,141],{},"檔案儲存",[65,143,144],{},"Cloudflare R2",[65,146,116],{},[47,148,149,152,155],{},[65,150,151],{},"快取 \u002F 設定",[65,153,154],{},"Cloudflare KV",[65,156,116],{},[37,158,159],{"id":159},"為什麼是這套組合",[161,162,164],"h3",{"id":163},"codex寫程式搞定全端開發","Codex：寫程式，搞定全端開發",[17,166,167],{},"AI 程式設計已經是獨立開發者的預設生產力工具。Codex 的 Agent 模式能把「需求 → 程式碼 → 測試 → 部署」的鏈路壓到很短，一個人扛下一個團隊的工作量。",[161,169,171],{"id":170},"前端-tanstack-start-後端-hono","前端 TanStack Start + 後端 Hono",[17,173,174],{},"TanStack Start 是全端 React 框架，和 Workers 生態系的契合度很高。後端用 Hono——為 Workers 而生的小框架，路由、中介軟體、型別提示都很順手，體積小、啟動快。",[161,176,178],{"id":177},"資料庫-d1-儲存-r2-快取-kv","資料庫 D1 + 儲存 R2 + 快取 KV",[17,180,181],{},"這三件套是 Cloudflare 免費額度的核心：",[183,184,185,192,198],"ul",{},[186,187,188,191],"li",{},[32,189,190],{},"D1","：SQLite 相容的關聯式資料庫，免費額度對個人專案完全夠用",[186,193,194,197],{},[32,195,196],{},"R2","：S3 相容的物件儲存，免費 10GB 儲存空間，零出口流量費——這點直接碾壓 AWS",[186,199,200,203],{},[32,201,202],{},"KV","：分散在全球的鍵值儲存，適合設定、快取、工作階段",[161,205,207],{"id":206},"部署-pages-全免費基建","部署 Pages + 全免費基建",[17,209,210],{},"Pages 直接連接 GitHub 儲存庫，push 即部署，內建 CDN 和 HTTPS。網域、DNS、CDN 全部由 Cloudflare 一條龍搞定，免費額度就撐起一整條產品線。",[37,212,213],{"id":213},"窮鬼策略的核心",[183,215,216,222,228],{},[186,217,218,221],{},[32,219,220],{},"把免費額度榨到極限","：DNS、CDN、Pages、Workers、KV、D1、R2、Tunnel、AI Gateway，免費的通通安排上",[186,223,224,227],{},[32,225,226],{},"能免費蹭就不花錢","：訂閱費只花在刀口上（Codex），其餘全部用免費基建",[186,229,230,233],{},[32,231,232],{},"一個平台搞定一切","：不用在多雲之間跳來跳去，維運的認知負擔最小",[37,235,236],{"id":236},"適合誰",[17,238,239],{},"預算緊張、想快速驗證產品的獨立開發者；不想在基礎設施上花太多心力的 AI Coding 玩家；以及所有「先跑起來再說」的專案。",[17,241,242,243,35],{},"Cloudflare 就是獨立開發者的賽博菩薩。一毛錢都不用掏，也能把產品完整跑起來。詳見：",[21,244,246],{"href":245},"\u002Fblog\u002Ffree-cloudflare","免費使用者如何榨乾 Cloudflare",{"title":248,"searchDepth":249,"depth":249,"links":250},"",2,[251,252,259,260],{"id":39,"depth":249,"text":39},{"id":159,"depth":249,"text":159,"children":253},[254,256,257,258],{"id":163,"depth":255,"text":164},3,{"id":170,"depth":255,"text":171},{"id":177,"depth":255,"text":178},{"id":206,"depth":255,"text":207},{"id":213,"depth":249,"text":213},{"id":236,"depth":249,"text":236},"2026-06-15","獨立開發者的零成本技術棧：Codex 寫程式、GitHub 管版本、Stripe 收款，前端 TanStack Start、後端 Hono + Workers、資料庫 D1、儲存 R2、快取 KV，全部跑在 Cloudflare 上。","md",null,"zh-Hant",{},6,true,false,"\u002Fblog\u002Fcloudflare-broke-stack",{"title":5,"description":262},"x","blog\u002Fcloudflare-broke-stack.zh-Hant",[275,276,277],"Cloudflare","獨立開發","技術棧","jIWY9B8NVUknlCAJ8BTVHNZVxsbo9EdXf8oMQoiH_KA",[264,264],[281,289,291,300,307,312,319,327,335,341,348,357,364,372],{"path":282,"title":283,"description":284,"date":285,"minRead":267,"tags":286},"\u002Fblog\u002Fagent-harness-selection","試遍了 Pi Agent、OMP、Codex、ZCode，我最後為什麼選了 OpenCode + OpenChamber","試過一輪 Agent Harness 後的選型復盤：以 GUI 體驗、供應商綁定、二次開發自由度三個標準，排除了 Pi Agent、OMP、Codex、ZCode，最後選了 OpenCode 核心 + OpenChamber 介面。","2026-08-06",[287,288],"AI Agent","工具選型",{"path":270,"title":5,"description":262,"date":261,"minRead":267,"tags":290},[275,276,277],{"path":292,"title":293,"description":294,"date":295,"minRead":267,"tags":296},"\u002Fblog\u002Fdeepseek-api-web-search","DeepSeek API 內建聯網搜尋，Responses API 白拿官方搜尋能力","DeepSeek 官方在 API 裡內建了聯網搜尋：用 Responses 介面呼叫 deepseek-v4-flash，宣告 web_search 工具即可，不用自己接第三方搜尋引擎，也不用申請搜尋金鑰。","2026-08-05",[297,298,299],"DeepSeek","API","AI 工具",{"path":301,"title":302,"description":303,"date":295,"minRead":304,"tags":305},"\u002Fblog\u002Fdeepseek-v4-flash-review","DeepSeek V4 Flash 正式版深度體驗：便宜、快、1M 上下文、內建搜尋","深度體驗了幾天 DeepSeek V4 Flash 正式版：極致的便宜、快如閃電、1M 上下文、官方內建聯網搜尋、完全開源。唯一的短板是多模態，但可以組合其他模型補上。",7,[297,306,299],"模型評測",{"path":245,"title":308,"description":309,"date":261,"minRead":310,"tags":311},"免費使用者如何榨乾 Cloudflare，免費版到底能白嫖到什麼程度？","Cloudflare 免費版能撐起一整套個人網路基礎設施：DNS、CDN、Pages、Workers、KV、D1、R2、信箱、Tunnel、AI 閘道等。",8,[275,116,121],{"path":313,"title":314,"description":315,"date":316,"minRead":310,"tags":317},"\u002Fblog\u002Fmodel-harness-decoupling","原廠 Harness 未必是版本答案：開放模型時代，模型和 Harness 要分開選","用 Claude 就上 Claude Code？開放模型時代這個直覺該升級了。原廠的優勢是真的，但訓練好模型和做好 Harness 是兩門工程——這篇文章講清楚為什麼模型與 Harness 已經可以分開選，以及五家 Harness 的定位地圖。","2026-09-09",[287,318,55],"Harness",{"path":320,"title":321,"description":322,"date":316,"minRead":310,"tags":323},"\u002Fblog\u002Fopencode-productive-stack","穩定、快速、高產、便宜：我的 AI Coding 全家桶實錄","OpenCode + OpenChamber + 兩份 DeepSeek V4 Flash 訂閱，15 個項目同時跑代碼，額度只掉一點點。這篇文章攤開我的完整配置：上下文剪枝、分層記憶、桌面自動化，以及「原湯化原食」的選型教訓。",[324,325,326],"OpenCode","AI 程式設計","配置",{"path":328,"title":329,"description":330,"date":331,"minRead":332,"tags":333},"\u002Fblog\u002Fproduct-faxin-principle","發心原理：獨立開發者為什麼要學會捨棄","你為什麼出發？你為誰出發？你到底想解決哪一個問題？產品的鋒利感來自捨得和放棄。","2026-06-20",10,[334,276],"產品思維",{"path":336,"title":337,"description":338,"date":331,"minRead":310,"tags":339},"\u002Fblog\u002Fproduct-pain-vs-itch","使用者說「很屌」別上頭：痛點與癢點","口頭喜歡一文不值。判斷需求只有一個硬標準：看使用者願意付出什麼。",[334,340],"需求判斷",{"path":342,"title":343,"description":344,"date":285,"minRead":345,"tags":346},"\u002Fblog\u002Fqwen-vision-for-deepseek","給 DeepSeek 補上多模態：Qwen-3.7-Flash 識圖方案","DeepSeek V4 Flash 沒有多模態，識圖怎麼辦？研究後目前 CP 值最高的方案是 Qwen-3.7-Flash：辨識一張圖片成本極低，和 V4 Flash 組合使用補齊短板。",5,[297,347,306],"多模態",{"path":349,"title":350,"description":351,"date":352,"minRead":353,"tags":354},"\u002Fblog\u002Fsub-store-cloudflare","我把機場訂閱聚合搬到了 Cloudflare 上","多個機場加自建節點合成一條訂閱，分流規則在伺服器端配好，用戶端只管訂閱。","2026-06-28",4,[275,355,356],"翻牆","開源專案",{"path":358,"title":359,"description":360,"date":316,"minRead":304,"tags":361},"\u002Fblog\u002Ftui-cognitive-bandwidth","TUI 正在殺死你的認知頻寬：AI Coding 的「極客濾鏡」該碎了","一堆 AI Coding Agent 搶著上 TUI，把互動塞回 80 年代的終端範式，還美其名曰「沉浸式」「尊重程式設計師」。這篇文章拆解 TUI 系統性降低認知頻寬的三個機制，以及 Web UI 為什麼才是正解。",[325,362,363],"互動設計","隨筆",{"path":365,"title":366,"description":367,"date":368,"minRead":267,"tags":369},"\u002Fblog\u002Fvalue-not-external","討論有沒有價值，這件事本身就沒有價值","我們的價值不由任何人定義。人在 AI 時代，到底應該如何理解自己。","2026-06-18",[370,371],"AI 思考","人文隨筆",{"path":373,"title":374,"description":375,"date":376,"minRead":377,"tags":378},"\u002Fblog\u002Fx-growth-1000-followers","一天多漲粉 1000+，我做了什麼","6 月認真經營 X，一天多漲粉 1000+。這篇記錄我當時做過的事和得到的回饋。","2026-06-16",12,[379,380],"X 經營","內容增長",1789752317694]