比較表同一件事，這幾個工具差在哪。工具名稱點下去，跳到下面的完整介紹。
不寫程式做出網頁應用：兩條路，差別在你的資料
兩個都能用聊天的方式做出可以跑的東西，功能上難分高下。先看條款再看功能——其中一家明文把你的資料拿去訓練它的模型。
| Replit | Lovable | |
|---|---|---|
| 做得出什麼 | 瀏覽器裡寫程式與部署，內建 AI Agent | 前端、後端、資料庫、登入都有，程式碼可同步到自己的 GitHub |
| 你的內容歸誰 | 官方條款：「you retain any and all of your rights to any content you submit, post, or display」 | ⚠官方條款：你授予它 worldwide, perpetual, royalty-free 授權 |
| ⚠️ 會不會拿去訓練 | 條款未就此單獨載明，要另外讀資料政策 | ⚠明文列在用途裡：「developing and training artificial intelligence and machine learning models」 |
| 平台本身的權利 | 依服務條款 | 官方載明平台與其素材的一切權利屬於 Lovable 及其授權人 |
| 什麼時候選它 | 要一個能寫程式也能部署的環境，自己掌握較多 | 要最快做出一整套能跑的應用，且放進去的資料不敏感 |
怎麼選功能不是這裡的重點，資料才是。Lovable 的條款把「開發與訓練 AI 模型」明文寫進你授權給它的用途裡，而且是 perpetual（永久）——拿它做公開的東西沒問題，放客戶資料或未公開內容進去就要先想清楚。兩家的條款都是 2026-09-18 讀的官方原文，條款會改，做決定前自己再讀一次。
靜態網站放哪裡：GitHub Pages、Cloudflare Pages 還是 Workers
三個都免費、都能自訂網域。差別不在快不快，在你的原始碼能不能私有、不存在的路徑會回什麼、以及你到底需不需要後端。
| GitHub Pages | Cloudflare Pages | Cloudflare Workers（含 KV／D1） | |
|---|---|---|---|
| 最適合 | 作品集、文件站、教學頁；已經在用 GitHub 的人 | 靜態網頁與 PWA，一個指令上線 | 需要一點後端：代理 API、藏金鑰、排程寫資料 |
| 免費方案上限 | 站台 1 GB、每月 100 GB 頻寬（軟）、每小時 10 次建置（軟） | 每月 500 次建置、每站 20,000 檔、單檔 25 MiB | 每天 100,000 次請求、每次 CPU 10 ms；D1 每天 10 萬列寫入 |
| 原始碼私有 | ⚠免費方案只能從公開 repo 發布 | 可以，推的是產出資料夾 | 可以，推的是程式碼包 |
| 不存在的路徑 | 回 404 | ⚠可能回 200＋首頁，用狀態碼驗檔案會被騙 | 你自己寫的程式決定 |
| 商用 | ⚠官方明文：不得作為商業交易或 SaaS 的免費主機 | 官方資料不足，目前無法確認 | 官方資料不足，目前無法確認 |
| 要注意 | 推上公開 repo 就是公開發布，上鎖要在推之前 | 整個資料夾部署就整個公開，開發檔先清掉 | 執行環境不是 Node，本機綠燈不等於線上會跑 |
怎麼選只有靜態頁、程式碼本來就公開，GitHub Pages 最省事；原始碼想私有、或要一個指令部署，用 Cloudflare Pages，但記得它對不存在的路徑會笑著回 200；一旦要藏金鑰或排程寫資料才進到 Workers，而且先把每天的額度算一遍。本站三個都在用，作品放哪裡就是照這三個問題分的。
工具怎麼串一個工具做不完，要前一個交給下一個。
做出網站放上線：先做原型 → 挑放哪裡 → 要後端才上 Workers → 離線、地圖、上架
依據：本頁比較表「不寫程式做出網頁應用」「靜態網站放哪裡」與各工具卡（三種放法本站都在用）
2
只有靜態頁、程式碼公開：GitHub Pages；原始碼要私有：Cloudflare Pages要會一點指令
Cloudflare Pages 對不存在的路徑會回 200＋首頁，用狀態碼驗不出檔案在不在。
交出去：一個網址3
4
要離線、能安裝用 Workbox；要上架 Android 用 Capacitor；地圖用 Leaflet＋OpenStreetMap要會寫程式
OpenStreetMap 要標出處、帶能識別程式的 User-Agent。
容易斷在：推上 GitHub 公開 repo 就是公開發布，內部用的東西要先上鎖。整個資料夾部署就整個公開，開發用的檔案要先清掉。
真實案例只放本站逐條查證過來源的案例；「殷鑑」是做壞的例子。
全部 11 個工具每張都是完整介紹：適合誰、費用、能不能商用、資料去哪裡、能接什麼、限制、稜線用在哪。
Lovable
AI 服務需要進階提示與工作流程用聊天的方式做出完整網頁應用（前端、後端、資料庫、登入都有），程式碼可同步到自己的 GitHub。
適合
- 非工程師要做 MVP 或內部原型
- PM 想快速做出可點擊的真實原型
- 行銷做落地頁
不適合
- 需要完全客製架構的正式產品
- 資料不能上雲的場合
- 沒有人能接手維護的長期系統
- 費用
- 官方說明免費方案每日 5 個 build credits（每月最多 30）、每月 20 個雲端託管額度；另有 Pro 與 Business 方案。額度依任務複雜度扣點，官方載明點數不可退款、月額度兩個月後到期。實際價格請看官方定價頁。
- 能不能商用
- ⚠你的資料會被拿去訓練模型
官方原文：「You grant us a worldwide, perpetual, royalty-free license to use, copy, modify, process, analyze, and otherwise exploit your Customer Data for our business purposes, including without limitation: operating, maintaining, and improving the Services; developing and training artificial intelligence and machine learning models」——「perpetual」是永久，而且用途明文包含訓練 AI 模型。另外官方也載明平台本身「We (and our licensors) own all rights, title, and interest in and to the Services and Lovable Materials」。放客戶資料或未公開內容進去之前要先想清楚。2026-09-18 讀官方條款。 - 資料去哪裡
- 本站尚未查證其是否使用專案內容訓練模型，放敏感資料前請自行向官方確認。
- 授權
- —
- 跑在哪裡
- 雲端服務
- 能接什麼
- API：尚未查證MCP：尚未查證Webhook：尚未查證
- 限制
- ⚠資料政策本站未查證
- 產出的是真的程式碼，代表也真的需要有人維護
- 按點數計費，反覆修改會消耗額度
Replit
AI 服務需要進階提示與工作流程瀏覽器裡就能寫程式與部署的平台，內建 AI Agent，可以用講的把想法變成能跑的小工具。
適合
- 非工程師想做出一個真的能用的小工具
- 不想在自己電腦裝開發環境
- 做原型與內部小系統
不適合
- ⚠放公司機密程式碼卻沒先確認資料政策（見下）
- 需要完全離線的環境
- 要長期維運的正式產品（要有人接手維護）
- 費用
- 官方定價：Starter 免費，含每日 Agent 額度、可發布 1 個線上專案；Core 年繳約 US$17／月，含更多 Agent 用量與 US$20 模型額度；Pro 年繳約 US$95／月，含 10 個平行 Agent 與 US$100 模型額度；Enterprise 為客製報價。
- 能不能商用
- 可商用：你保留內容權利
官方原文：「Except as provided in these Terms, you retain any and all of your rights to any content you submit, post, or display on or through the Service, and you are responsible for protecting those rights.」2026-09-18 讀官方條款。 - 資料去哪裡
- ⚠官方隱私政策提到會將資料用於「改善程式碼生成等機器學習技術的準確度」，但未明確說明使用者的程式碼或提示是否被用於訓練模型，也未載明訓練用途的退出方式。要放機密程式碼前，建議直接向官方確認。
- 授權
- —
- 跑在哪裡
- 雲端服務
- 能接什麼
- API：尚未查證MCP：尚未查證Webhook：尚未查證
- 限制
- ⚠官方政策未明確交代程式碼是否用於訓練，機密專案要先確認
- 做出來只是開始，上線後的錯誤處理與維護仍要有人負責
- Agent 用量按額度計費，複雜專案成本會累積
GitHub Pages
外部資源需要進階提示與工作流程從 GitHub repo 直接發布靜態網站，git push 就上線。本站學習家族與英語家族都放這裡。
適合
- 作品集、文件站、教學頁
- 已經在用 GitHub 管程式碼的人
- 不用另外學部署工具就想上線
不適合
- ⚠商業交易或 SaaS 的免費主機（官方明文禁止）
- 內部用、不想被外人看到的東西（站台一律公開）
- 需要後端的應用
- 費用
- 免費方案只能從公開 repo 發布；私有 repo 要 Pro／Team／Enterprise（官方頁 2026-09-19 讀）。限制：發布站最大 1 GB、每月 100 GB 頻寬（軟上限）、每小時 10 次建置（軟上限）、部署超過 10 分鐘逾時。
- 能不能商用
- ⚠不得作為商業交易或 SaaS 的免費主機
官方限制頁原文：「GitHub Pages is not intended for or allowed to be used as a free web-hosting service to run your online business, e-commerce site, or any other website that is primarily directed at either facilitating commercial transactions or providing commercial software as a service (SaaS).」作品集、文件站、教學頁不在這條裡。2026-09-19 讀。 - 資料去哪裡
- 官方明寫：即使 repo 是私有的，Pages 站台也是公開在網路上的（「GitHub Pages sites are publicly available on the internet, even if the repository for the site is private」）。
- 授權
- —
- 跑在哪裡
- 雲端服務
- 能接什麼
- API：尚未查證MCP：尚未查證Webhook：尚未查證
- 限制
- ⚠推上公開 repo 就是公開發布，內部用的東西要先上鎖再推
- 只有靜態檔，沒有後端
- 網址帶 repo 子路徑，絕對路徑寫錯就抓不到資源
- 1 GB 站台大小是硬上限，100 GB 月頻寬是軟上限
- 稜線用在
- 學習計畫日曆、錯題管理器、學測自然總覽、英語之塔
實際踩過：推進公開 repo 就等於公開發布，內部用的東西要先上鎖再推；網址含 repo 子路徑，分享卡的圖片網址寫錯就抓不到。
Cloudflare Pages
外部資源需要 API／自動化靜態網站與 PWA 的免費託管：把一個資料夾推上去就有網址與 HTTPS。本站與 17 支作品都放這裡。
適合
- 靜態網頁、PWA、單檔小工具
- 不想自己管伺服器、要免費 HTTPS 與自訂網域
- 一個指令就要上線的個人專案
不適合
- 需要資料庫或後端邏輯的應用（那是 Workers 的事）
- 拿狀態碼判斷檔案存不存在的自動化（不存在的路徑可能回 200）
- 沒清乾淨的專案資料夾（整包上傳等於整包公開）
- 費用
- 官方限制頁（2026-09-19 讀）：免費方案每月 500 次建置、每站最多 20,000 個檔案、單一檔案最大 25 MiB、每帳號 100 個專案、100 個自訂網域；Pages Functions 的請求計入 Workers 方案額度。
- 能不能商用
- 官方資料不足，目前無法確認
開發者平台的服務專屬條款（2026-09-19 讀）只寫「可用來託管內容」、禁止攻擊行為、禁止用冒充他人的子網域，沒有針對商用或免費方案的明文規定。本站不據此推斷可不可以商用，請自行讀主服務條款。 - 資料去哪裡
- 託管靜態檔，訪客的每個請求都經過 Cloudflare 邊緣節點；本站未查到 Pages 訪客資料的獨立聲明，以 Cloudflare 隱私政策為準。
- 授權
- —
- 跑在哪裡
- 雲端服務
- 能接什麼
- API：有MCP：尚未查證Webhook：尚未查證
- 限制
- ⚠不存在的路徑可能回 200＋首頁（SPA 回退），用狀態碼驗檔案在不在會被騙
- 整個資料夾部署就整個公開，開發檔要先清掉再上傳
- 刪掉部署後邊緣快取仍可能餵舊檔一陣子，驗證要帶 cache-buster
- 免費方案每月 500 次建置，CI 一直推很快用完
- 稜線用在
- 群峰、郊山漫遊、米其林指南、爸爸救星
實際踩過：對不存在的路徑會回 200＋首頁，「檔案在不在線上」要比內容不能看狀態碼；整資料夾部署會把開發檔一起出貨，要先做乾淨的 staging。
Cloudflare Workers（含 KV／D1）
外部資源需要工程支援在邊緣節點跑後端程式的無伺服器平台，配 KV 鍵值庫與 D1 SQL 資料庫。本站需要後端的作品（代理外部 API、排程寫資料）都跑這裡。
適合
- 靜態網站需要一點後端：代理 API、藏金鑰、排程抓資料
- 流量小、每天有固定額度就夠用的小服務
- 不想養伺服器但需要一個小資料庫
不適合
- 每天寫入量大的資料服務（免費 D1 每天 100,000 列寫入）
- 重運算（免費方案每次請求 CPU 只有 10 ms）
- 直接搬 Node 程式上來不改（執行環境不是 Node）
- 費用
- 官方限制頁（2026-09-19 讀）：免費方案每天 100,000 次請求（UTC 午夜歸零）、每次請求 CPU 時間 10 ms、Worker 體積 64 MiB；KV 每天 100,000 次讀、1,000 次寫（不同鍵）、1 GB 儲存；D1 每天 500 萬列讀取、100,000 列寫入、總儲存 5 GB、單庫 500 MB、每帳號 10 個資料庫。
- 能不能商用
- 官方資料不足，目前無法確認
開發者平台的服務專屬條款（2026-09-19 讀）只寫「可用來託管內容」與禁止攻擊、禁止冒名子網域，沒有針對商用的明文規定。本站不據此推斷，請自行讀主服務條款。 - 資料去哪裡
- 程式與資料都在 Cloudflare 的節點上跑；接外部 API 時，那家看到的是 Cloudflare 的出口 IP。
- 授權
- —
- 跑在哪裡
- 邊緣裝置（產線、攝影機旁）
- 能接什麼
- API：有MCP：尚未查證Webhook：尚未查證
- 限制
- ⚠額度是每天算的，資料量一大就是長期工程
- 執行環境不是 Node，本機測過不等於線上會跑
- 免費 D1 單庫 500 MB，超過要付費
- KV 同一個鍵每秒只能寫 1 次
- 稜線用在
- 健康家族、物種圖鑑、農漁產行情
實際踩過：免費額度是每天算的，資料量一大就是長期工程；Worker 環境跟 Node 不一樣，本機測過不等於線上會跑。
Capacitor
專業工具需要工程支援把既有網頁／PWA 包裝成 iOS／Android 原生殼層的框架，可存取相機、檔案系統等原生功能。本站一支健康家族子 App 用它包裝成 Android App 上架。
適合
- 已有網頁版，想直接包成手機 App 上架商店
- 需要原生功能（相機、推播）但不想整個重寫成原生
- 同一套網頁程式碼要同時出網頁版與 App 版
不適合
- 需要極致原生體驗與效能的重度互動 App
- 沒有網頁版、從零開始的原生專案
- 不想維護 Xcode／Android Studio 建置環境（仍需要原生工具鏈打包）
- 費用
- 開源，免費。
- 能不能商用
- 可商用
MIT（2026-09-22 由 GitHub API 讀取）。 - 資料去哪裡
- 程式庫，跑在你自己的環境；本身不連外、不收資料。
- 授權
- MIT
- 跑在哪裡
- 自己架
- 能接什麼
- API：尚未查證MCP：尚未查證Webhook：尚未查證
- 限制
- 社群維護，重大版本升級需自行測試相容性
Workbox
專業工具需要工程支援Google 出的 Service Worker 工具組：自動列出要預快取的檔案、算內容雜湊、管理快取策略，PWA 的離線與更新不用手寫。
適合
- PWA 要離線可用，而且檔案清單常變
- 每次改檔就要升快取版號、常常忘記的團隊
- 要對外部資源（圖磚、字型）設快取策略
不適合
- 純靜態單頁、三個檔案的小工具（手寫 sw.js 更透明）
- 沒有建置步驟的專案（它是 Node 建置工具）
- 想完全控制每個快取細節的人
- 費用
- 開源，免費。
- 能不能商用
- 可商用
MIT（2026-09-19 由 GitHub API 讀取）。 - 資料去哪裡
- 程式庫，跑在你自己的環境；本身不連外、不收資料。
- 授權
- MIT
- 跑在哪裡
- 自己架
- 能接什麼
- API：尚未查證MCP：尚未查證Webhook：尚未查證
- 限制
- ⚠產出的 sw.js 旁邊還有一個 workbox-<hash>.js 執行期檔，要一起出貨
- 預快取上限預設 2 MB，大檔要明說或改 runtime 快取
- 快取外部圖磚要遵守對方的使用政策（OSM 只准快取使用者看過的）
Leaflet
外部資源需要工程支援輕量的網頁地圖程式庫（官網自述約 42 KB），配 OpenStreetMap 圖磚就能免金鑰畫地圖。本站 14 支作品的地圖都是它。
適合
- 在網頁上放一張地圖、標幾個點、畫一條軌跡
- 不想綁 Google 金鑰與計費
- 手機網頁與 PWA
不適合
- 3D 或大量向量圖層的視覺化
- 需要離線地圖卻不想自己做快取
- 以為裝了它就有地圖：圖磚與資料是另外的來源
- 費用
- 開源，免費。
- 能不能商用
- 可商用
GitHub 授權為 BSD-2-Clause（2026-09-19 由 GitHub API 讀取）：可商用、可修改，需保留著作權聲明。⚠圖磚與地圖資料的授權是另一回事，見 OpenStreetMap 那張卡。 - 資料去哪裡
- 程式庫本身不連外；連外的是你接的圖磚伺服器，使用者 IP 會打到那裡。
- 授權
- BSD-2-Clause
- 跑在哪裡
- 自己架
- 能接什麼
- API：尚未查證MCP：尚未查證Webhook：尚未查證
- 限制
- 它只負責畫，圖磚是別人的伺服器，流量大要換來源
- 離線要自己快取，做不到就老實標「需要網路」
- 2.0 仍是 alpha（官網 2025-08 公告），正式專案先留在 1.x
- 稜線用在
- 群峰、光影獵人、農地遙測、物種圖鑑
實際踩過：圖磚是別人的伺服器，流量大要換來源；離線要自己快取，做不到就老實標「需要網路」。
OpenStreetMap（資料、圖磚、Nominatim、Overpass）
外部資源需要工程支援全球開放地圖資料庫，附三種免費取用管道：圖磚、地址與座標查詢（Nominatim）、資料查詢（Overpass）。本站山脈與釣魚作品的座標與軌跡底層。
適合
- 步道、山屋、登山口、店家這類地理資料
- 不想付地圖 API 費用的小專案
- 需要自己下載資料做離線處理
不適合
- 高流量或商業級的即時地理編碼（公用服務有嚴格限流）
- 自動完成搜尋（Nominatim 政策明文禁止）
- 需要保證可用性的服務（官方不保證）
- 費用
- 資料與三個公用服務都免費，但各有使用政策（2026-09-19 讀）：圖磚須標示出處、送出能識別 App 的 User-Agent、禁止預先批次抓圖磚；Nominatim 最多每秒 1 次請求、結果必須自行快取、禁止自動完成與系統性查詢；Overpass 主站建議每天少於 10,000 次查詢與 1 GB 資料，若是常態使用要再除以 100。
- 能不能商用
- 可商用（須標示出處，衍生資料庫須同授權釋出）
資料授權 ODbL，官方頁原文：「You are free to copy, distribute, transmit and adapt our data, as long as you credit OpenStreetMap and its contributors」；改作或建立在其上的資料庫「may distribute the result only under the same license」。2026-09-19 讀。 - 資料去哪裡
- 公開資料；但用官方公用服務時，你的使用者 IP 會直接打到 OSM 基金會的伺服器。
- 授權
- ODbL 1.0（資料）
- 跑在哪裡
- 雲端服務、自己架
- 能接什麼
- API：有MCP：尚未查證Webhook：尚未查證
- 限制
- ⚠公用服務跑在捐贈的伺服器上，不保證可用性，可能不通知就封鎖
- Nominatim 同名道路會錯配到幾公里外，每一批都要做離群掃描
- Overpass 有空位不代表查詢跑得完，逾時要換路不是重試
- 資料是志工編的，缺漏與錯誤要自己驗
- 稜線用在
- 郊山漫遊、日本名山漫遊、勃朗峰環線、小釣手、山行計畫、郊山漫遊、多洛米蒂高路、洛磯山漫遊
實際踩過：限流很嚴（一天約一萬次），同名道路會錯配到 2～17 公里外，每一批都要做離群掃描再用；查不到的就寫查不到，不猜點位。
Cloudflare Turnstile
外部資源需要進階提示與工作流程Cloudflare 的隱形防機器人驗證服務，取代傳統 CAPTCHA，多數情況不需要使用者互動。本站對外網站的訂閱表單用它擋機器人。
適合
- 表單防機器人，且不想讓使用者猜圖、點格子
- 不想把使用者流量導去 Cloudflare 網路也能用（可嵌入任何網站）
- 重視隱私、不想在驗證過程蒐集額外資料
不適合
- 需要超過免費額度的大量網站/主機名（免費版每個 widget 上限 10 個主機名、共 20 個 widget）
- 需要 30 天以上分析回溯（免費版僅 7 天）
- 不用 Cloudflare 帳號體系的專案（需要 Cloudflare 帳號設定 site key/secret key）
- 費用
- 官方 Plans 頁：免費方案最多 20 個 widget、每個 widget 最多 10 個主機名、分析回溯最長 7 天；企業方案主機名上限提高到 200、分析回溯 30 天，價格洽詢銷售。2026-09-22 讀。
- 能不能商用
- 可商用
免費方案官方原文適用對象包含「Small to medium businesses」，無另立商用禁止條款；規模擴大需洽企業方案。2026-09-22 讀。 - 資料去哪裡
- 官方文件原文：「Turnstile does not access, store, or transmit user communications, form entries, or other page inputs.」，詳細條款見官方 Turnstile Privacy Addendum。
- 授權
- —
- 跑在哪裡
- 雲端服務
- 能接什麼
- API：有MCP：尚未查證Webhook：尚未查證
- 限制
- siteverify 驗證步驟需要後端呼叫，secret key 不可寫進前端
- 免費額度以主機名與 widget 數計算，多網域專案要注意上限
- 屬於 Cloudflare 帳號體系，換供應商需重新整合
Google Identity Services
外部資源需要 API／自動化Google 官方的登入與 OAuth 2.0 授權服務，涵蓋 Web／Android／iOS。本站名片管理 App 用它做 Google 登入，並串接 People API 建立/更新聯絡人。
適合
- 要讓使用者用 Google 帳號登入
- 需要 OAuth 2.0 存取使用者的 Google 資料（如聯絡人、日曆）
- 不想自架帳號系統的小型專案
不適合
- 不想遵守 Google API 使用者資料政策（Limited Use）的專案
- 沒有 Google Cloud 專案與 OAuth 同意畫面審核流程的預算/時間
- 只需要純訪客模式、不想要求使用者登入的產品
- 費用
- 登入與 OAuth 服務本身免費；串接的個別 Google API（如 People API）依各自配額計費，多數有免費額度。2026-09-22 讀官方頁未見 Identity Services 本身收費說明。
- 能不能商用
- 可商用（須遵守 Google API 使用者資料政策）
須遵守官方列出的三項規範：「APIs User Data Policy」「Branding Guidelines」「OAuth 2.0 Policy」；正式上線前應用程式需通過 Google 的 OAuth 同意畫面驗證。2026-09-22 讀。 - 資料去哪裡
- 涉及使用者 Google 帳號資料，受 Google API Services User Data Policy 規範，取用範圍（scope）需最小化並在同意畫面明確揭露。
- 授權
- —
- 跑在哪裡
- 雲端服務
- 能接什麼
- API：有MCP：尚未查證Webhook：尚未查證
- 限制
- 正式上線（超過測試名單）需通過 Google 的應用程式驗證，審核有時間成本
- 敏感/受限 scope（如聯絡人寫入）審核更嚴格
- 使用者資料處理受 Limited Use 政策約束，違規可能被撤銷存取權
卡片上的查證日期是我們最後一次讀官方頁面的時間；條款會改，正式使用前請再看一次官方頁。