🖍 圖解版 · ELI5

Cloudflare
是做什麼的?

七張圖。看完你就懂了。

01

檔案不等於網站

你做好的網頁,在你的電腦上打得開。寄給朋友,他打開是破的。

你的電腦 ✓ 寄 zip 檔 😱 他的電腦 ✗

網站不是一種技術。是一個位置。

02

租一間店,全世界都得走過來

傳統作法是租一台主機。你的東西只有那一個地方有。

你的主機 一萬個人同時來 → 擠爆 🧍🧍 🧍🧍

住得遠的人就是慢。而且人一多,門就打不開了。

03

它在全世界開了三百多家分店

同一份東西,每個城市都放一份。誰來,就從最近的那家拿。

你的原稿 台北新加坡 東京雪梨 倫敦聖保羅

所以快。也所以擠不爆——人被分散到三百多個城市。

這套機制叫 CDN(內容傳遞網路)

04

Pages 連原稿倉庫都幫你準備

你把做好的檔案交給它,它給你一個網址。沒有主機要租。

📁 你的資料夾 Cloudflare Pages 你的名字 .pages.dev

流量沒有上限,不用綁信用卡。官方原文:free and unlimited。

05

三段路,三個免費的幫手

一個幫你做、一個幫你存、一個幫你發。

🤖 Claude Code 工匠 📦 GitHub 保管室 🌍 Cloudflare 連鎖店 接起來之後:改一次、存一次檔,網站自己更新

三個都免費。一個下午走得完。

06

私人倉庫,不等於私密網站

這是最多人誤會的一件事。

🔒 GitHub 私人倉庫 只有你進得去 發佈 🌐 pages.dev 網站 全世界都進得去 連你開來試東西的分支,也會有一個公開網址

鎖保護的是原始檔案,不是內容。進到這個倉庫的東西,等於公開。

07

靜態網站沒有後台

你寫進網頁檔案裡的每一個字,訪客都拿得到。

script.js apiKey = "sk-xxxx" // 這行誰都看得到 下載 🧑 任何訪客 🤖 掃描機器人 機器人二十四小時在掃,以分鐘為單位就會被撿走

第一個網站,不要做需要金鑰的功能。聯絡方式放 email 就好。

今天只要做一件事

開一個空資料夾,打開 Claude Code,
跟它說:幫我做一個個人網站的骨架。

看完整教學(含每一步截圖)→

CHRIS OS · 超入門系列