先把七個字看懂 要架一個形象網站，照這個順序 Cloudflare — 網站放這裡 Vercel — 可以用，但有一條紅線 GitHub — 程式碼的家 Gemini — 免費的 AI 大腦 Tavily — 讓程式會搜尋 用 Codex 幫你操作上面全部 前人撞過的五個坑 形象網站要守的四條
先把七個字看懂，後面就都看得懂了
這份文件只會用到這幾個外來字。看完這段再往下讀，不會卡住。
這個字 白話是什麼意思 上線（部署） 把做好的網站檔案送到別人的電腦（雲端），這樣全世界才連得到。按一個按鈕就完成，不是什麼大工程。 專案資料夾（repo） 就是一個資料夾，只是放在雲端、而且每次改了什麼都有紀錄。GitHub 上叫 repository，大家簡稱 repo。 靜態網站 內容是固定的網站——介紹、作品、聯絡方式。相對的「動態」是會記住訪客做了什麼（會員、留言、購物車）。形象網站是靜態的，所以免費。 網域 你自己的網址，像 yourname.com。不買也能上線，服務商會先給你一個免費網址。 API 兩個程式互相講話的管道。你自己做的東西要用到 AI，就是透過 API 去問 AI。 金鑰（API key） 一串很長的密碼，證明「是我在用」。它就是你的信用卡，不能給別人看到。 環境變數 把密碼放在程式碼外面 的做法。這樣程式分享給別人、上傳到網路上，密碼都不會跟著跑出去。
看不懂的字就直接問 AI ：「用國中生聽得懂的方式解釋『環境變數』，給我一個生活中的比喻。」這招整份文件都適用。
要架一個形象網站，照這個順序
「形象網站」＝介紹、作品、聯絡方式，不收客人資料、不線上結帳。
順序 做什麼 用哪個 要錢嗎 1 程式碼放雲端 GitHub 免費 2 網站上線、拿到網址 Cloudflare Pages 免費 3 文案、配色、圖 Gemini 免費 4 （想要的話）自己的網域 去註冊商買 一年約 NT$354 起
一句話：網站放在哪不用錢。唯一會花錢的只有網域，而且不買也能上線。
買網域要看續約價，不要看首年價 。有的註冊商第一年便宜，第二年翻三倍。
Cloudflare網站放這裡
本來是「讓網站變快、擋攻擊」的公司，現在也免費幫你放網站。形象網站的首選。
怎麼申請
到 Cloudflare 官網註冊，填 email 跟密碼就好。
進去之後找「Workers & Pages」→ 建立 Pages 專案。
選「連接 GitHub」，挑你剛建的那個專案資料夾，按「開始部署」。
幾十秒後你就會拿到一個網址，長得像 你的專案名.pages.dev，可以直接傳給別人看。
註冊只要 email 跟密碼就能開始用（官方沒有明文寫「不用綁卡」，這是從註冊流程看出來的，推論 ）。
免費額度（官方數字）
項目 免費給你多少 靜態網頁的流量與請求 官方原文寫「免費且無上限」 重新發布網站 每月 500 次 ，同時只能跑 1 個檔案數 20,000 個，單檔最大 25 MB（MiB 跟 MB 差不多，可以當同一個看） 自訂網域 100 個 會跑程式的部分（Workers／Functions） 整個帳號一天 10 萬次請求 ，台灣早上 8 點歸零資料庫（D1） 一天讀 500 萬列、寫 10 萬列；單一資料庫 500 MB
最容易撞到的那一條
每月 500 次重新發布。 平常一天改個一兩次用不完，但如果你把「每次存檔就自動上線」接起來，一個下午就可能燒掉幾十次。官方沒寫 500 次用完會怎樣 ——這格查不到，別賭。
叫 AI 幫你做的話，這樣講
「幫我把這個資料夾做成一個靜態網站，部署到 Cloudflare Pages，給我網址。」
Vercel有一條紅線
另一家免費放網站的公司，部署體驗很順，很多教學都在講它。
先看這條，再決定要不要用。 只限非商業的個人用途 （原文：「the Hobby plan restricts users to non-commercial, personal use only」）。收錢幫人做網站、幫人改網站、幫人代管網站，以及宣傳商品或服務 。所以：幫朋友的店做形象網站，用免費方案就踩線了。 自己的作品集、自己練習的東西，免費方案沒問題。
結論怎麼選
情況 用哪個 自己的作品集、自己亂玩 Vercel 免費方案可以 幫別人的生意做網站（有收錢或沒收錢都算宣傳商品服務） 改用 Cloudflare Pages ，或付 Vercel 的 Pro（每人每月 20 美元）
免費額度（官方數字）
項目 免費給你多少 流量 100 GB／月 網頁被打開的次數 100 萬次／月 會跑程式的部分被呼叫的次數 100 萬次／月 每天部署次數 100 次 專案數 200 個
超過額度不是降速、也不是自動收費，是「停用，等 30 天」。 網站會掛在那裡等一個月。這點跟 Cloudflare 很不一樣。
免費網址長得像 你的專案名.vercel.app。
GitHub程式碼的家
把程式碼存在雲端、有版本紀錄的地方。Cloudflare 跟 Vercel 都是「接上你的 GitHub，然後自動上線」，所以這一步跳不過。
怎麼申請
官網註冊，email 加密碼。
建一個「repository」——這個字看起來嚇人，它就是一個專案資料夾 ，大家簡稱它 repo。
要公開還是不公開都行——不公開（private）也是免費、也沒有數量上限 。
免費額度（官方數字）
項目 免費給你多少 私有專案 無上限 協作者人數 無上限 自動化（Actions） 2,000 分鐘／月 單一檔案大小 50 MB 會警告、100 MB 直接擋 ；用網頁拖拉上傳只能 25 MB 專案總大小 官方建議 1 GB 以內 GitHub Pages（它自己也能放網站） 站 1 GB、流量 100 GB／月、每小時 10 次發布；免費方案只能用在公開專案
最容易撞到的那一條
影片跟大圖不要放進 GitHub。 單一檔案超過 100 MB 會被直接擋下，而且一旦提交過，之後很難清乾淨。影片放雲端硬碟、網站只放連結。
叫 AI 幫你做的話，這樣講
「幫我把這個專案放上 GitHub（開成不公開的），然後接到 Cloudflare Pages 讓它上線，給我網址。」
Gemini免費的 AI 大腦
Google 的 AI。重點不是去它的聊天網站聊天，而是拿一把金鑰 ，讓你自己做的東西裡面也會用 AI。
怎麼申請
用 Google 帳號登入 Google AI Studio。
點「取得 API 金鑰」，建立一個專案，複製那串金鑰。
不用綁信用卡 ，新帳號一律從免費層開始。金鑰就是密碼，不要貼進網頁的程式碼裡 ，也不要上傳到公開的 GitHub。
免費層能用什麼
文字模型多數都能用（Pro 跟 Flash 系列都有免費額度）。
生圖、生影片、生音樂的模型，免費層完全沒有。 免費層你輸入的內容，Google 會用來改善產品與訓練模型 （付費層明文寫不會）。所以別人的資料——姓名、電話、聊天紀錄——絕對不要丟進免費層。
每分鐘幾次、每天幾次的具體數字官方已經不公布了 ，叫你登入 AI Studio 看自己帳號的值。網路上那些表格都是別人寫的，不要當數字用。
「多開幾把金鑰輪著用」——關鍵在專案，不在金鑰
官方原文：額度是算在「專案」上，不是算在「金鑰」上 （Rate limits are applied per project, not per API key）。所以：
同一個專案裡多開幾把金鑰 → 沒有用 ，額度是同一池。
同一個帳號底下多開幾個專案 ，每個專案各自一池 → 有用 。不用去辦新的 Google 帳號。
官方速率限制頁
沒有寫一個帳號最多幾個專案，也沒有禁止為了額度多開專案 。
兩件要自己拿捏的事。 不得規避官方記載的使用限制 。多開專案是官方功能，但拿來堆免費額度算不算規避，條款沒寫 。效果也要算清楚 ：一天 20 次的模型，開五個專案也才一天 100 次。這招是撐小量試做，不是撐產品。
另外還有一招，而且不碰額度規則：讓程式自己換模型 ——這個模型不行就換下一個，列一串備用名單。
實戰做法（真的在跑的） ：把兩招疊起來——外層換專案的金鑰、內層換模型 。一把金鑰撞到上限就換下一個專案的，同一把金鑰裡模型出問題就換下一個模型。這套在實際案子上跑得起來。
叫 AI 幫你做的話，這樣講
「幫我在這個專案裡接 Gemini API，金鑰要放在「環境變數」裡、不要直接寫在程式碼裡面，而且要寫成一個模型不行就自動換下一個的備用名單。」
Tavily讓程式會搜尋
專門給 AI 用的搜尋服務。你自己做的東西需要「上網查最新資料」的時候用它。
怎麼申請
官網註冊，拿 API 金鑰。
免費方案叫 Researcher ，不用綁信用卡 。
免費額度（官方數字）
項目 免費給你多少 點數 1,000 點／月 ，每月重置一次搜尋花幾點 基本 1 點、進階 2 點、深度研究 4～250 點 頻率 一般搜尋每分鐘 100 次、深度研究每分鐘 20 次 點數用完 官方原文：請求會停止。不會自動扣你錢。
1,000 點聽起來很多，但「深度研究」一次最多吃 250 點——四次就沒了 。平常用基本搜尋就好。
它的條款（平台條款、網站條款、使用規範三份）完全沒有提到多重帳號或疊免費額度這件事 ——不是允許，是沒寫。
用 Codex 幫你操作上面全部你已經付過的
Codex 是 OpenAI 的工具，在你的 ChatGPT 訂閱裡面就有 ，不用另外花錢。它能直接幫你寫程式、改檔案、推上 GitHub。
它有六種用法（官方列的）
ChatGPT 網頁版
ChatGPT 桌面程式
ChatGPT 手機 App
Codex 雲端
Codex 指令列工具（裝在自己電腦上）
編輯器擴充功能
官方那頁沒有寫哪個方案可以用、也沒有寫額度上限 ，所以這兩件事這份說明書不寫——登入之後自己看畫面上寫什麼。
怎麼開口它才做得好（三個原則）
先講要什麼結果，不要先講怎麼做。 「我要一個單頁的形象網站，手機看得順，有聯絡表單」比「幫我寫 HTML」好十倍。一次只交一件事。 它做完你看一眼，再給下一件。一次丟五件事，錯了你分不出哪裡錯。要它貼出證據。 「做完給我網址」「跑一次給我看結果」——不要只接受它說「完成了」。
可以直接照抄的三句
「我要幫朋友的店做一個單頁形象網站。內容我給你，請你做成一個 HTML 檔，手機看得順，然後部署到 Cloudflare Pages，最後給我網址。」
「幫我把這個專案放上我的 GitHub、開成不公開的，完成後告訴我網址。」
「這個網站我想加一塊會自動更新的內容，用 Gemini 免費層就好。金鑰放在「環境變數」裡，不要寫在程式碼裡面。」
前人撞過的五個坑
這一段不是查官網查到的，是真的做過、真的撞到、真的修好過的紀錄。官方文件不會寫這些。
坑 1｜免費的 AI 一天可能只有 20 次，而且多弄幾把金鑰沒用
有一次要讓 AI 逐一判讀 140 家公司，判到第 129 家就停了。錯誤訊息寫得很清楚：每個專案、每個模型，一天只有 20 次 。三把都在同一個專案裡，所以額度是同一份、換了也沒用 。解法 ：拆成好幾天跑，或等額度自己恢復（實測大約是台灣時間下午三點）。
坑 2｜看到「額度用完」先不要相信，很可能是誤判
有兩次看起來像額度爆掉，其實都不是：一次是那個 AI 模型已經被官方淘汰、停掉了 ，一次是那個功能免費方案根本就沒有 。這兩種情況，等到明天、換金鑰、換帳號，都不會好。 解法 ：先把完整的錯誤訊息複製下來，丟給 AI 問「這句話是什麼意思」，再決定怎麼做。不要憑直覺猜。
坑 3｜自己寫的檢查程式，把一天 10 萬次額度吃光
為了確認網站沒壞，寫了會自動反覆打開網站的小程式。結果一天打了 12 萬次，超過 Cloudflare 的免費上限 （一天 10 萬次）。解法 ：這種反覆測試在自己電腦上跑，雲端只抽查幾次；另外設一個「用到七成就自動停下來」的提醒。
坑 4｜Gemini 不會告訴你還剩幾次
你每次問它，它回答的內容裡完全沒有「你今天還剩幾次」這種資訊 。所以「挑還有額度的那一把來用」這種聰明做法根本做不到，只能一把一把輪流用 。
坑 5｜額度用完的時候，畫面看起來可能還是好的
有兩個網站共用同一把金鑰。額度用完之後，網站上 AI 那一塊悄悄退回舊的結果，不報錯、畫面完全正常 ——壞了兩天都沒人發現。解法 ：出錯的時候一定要讓它留下一筆你看得到的紀錄。「畫面是好的」不等於「東西是好的」。
形象網站要守的四條
不收客人資料、不線上結帳的網站，有四條要守。這不是法律意見，是整理公開條文。
「最」「第一」「唯一」這種字，說了就要舉證。 拿不出書面證據就把字刪掉。公平會真的罰過「全台唯一保固兩年」（因為競爭者也有兩年），罰 5 萬。法源是公平法第 21 條。不要放自己人寫的假評價。 有給錢或給貨的推薦，要在畫面上寫清楚這是合作關係。不要寫療效、功效。 另外，「圖片僅供參考」「廣告僅供參考」這種免責句是明文禁止的 ——台灣網站到處在寫，但那是違規的。每張圖、每款字型的授權證明要整理成一份清單交給網站的主人。 字型的地雷不是著作權，是授權契約 ——有些商業字型的契約禁止網頁嵌入，違約照樣要賠。中文字型優先用思源黑體、Noto 這類開源的。
要收客人資料（姓名、電話、消費紀錄）就完全是另一回事 ，有六條紅線要跑，罰最重的一條起跳 2 萬到 200 萬。那種案子不要自己來。
另外：台灣查無 任何強制要做 Cookie 同意視窗的規定。只有網站會給歐盟的人用才要另外評估。
2026-10-15 查證，每一個數字都來自官方頁面。查不到所以沒寫的 ：Gemini 免費層每分鐘／每天的確切次數（官方不再公布）、Cloudflare 每月 500 次發布用完會怎樣、Tavily 的重置日是 1 號還是註冊日、Codex 的方案差別與額度。真的要上線前自己再看一次官方頁 。