學生教學 · 進階教學 04

接駁 Cloudflare API
叫 Claude 一句話幫你發佈

設定一次 Cloudflare 嘅 API,之後你完全唔使再開瀏覽器、唔使拖 folder。喺 VSCode 打一句說話,Claude 就自動將你個 website 發佈上網、攞返公開連結。改完再打一句,即時更新。呢個先係真正嘅自動化。

難度 ★★★☆☆ 需時 約 15 分鐘(只需設定一次) 費用 完全免費
⚠️ 開始之前

要先(1)有一個 Cloudflare 免費帳號,(2)喺 VSCode 裝好 Claude Code,(3)整好一個 website folder(入面有 index.html)。未整 website → 睇返「一句話整好 website」

點解要接駁 API?

手動拖 folder 都得,但接駁 API 之後,發佈同更新會變成「打一句嘢」咁簡單。

🖱️ 手動方法

每次更新都要:開瀏覽器 → 登入 Cloudflare → 入項目 → 拖 folder → 撳 Deploy。日日做就好煩。

⚡ 接駁 API 之後

喺 VSCode 對 Claude 講一句「幫我發佈/更新」,佢自動搞掂,秒速俾返連結。完全唔使離開工作枱。

簡單講:API 就好似一條俾 Claude 用嘅「鎖匙」,等佢有權幫你將檔案放上 Cloudflare。設定一次,永久受用。

第一步攞你嘅 API Token

呢個 Token 就係俾 Claude 用嘅鎖匙。跟住撳就得。

STEP 1

去 API Token 頁面

登入 Cloudflare 之後,打開:https://dash.cloudflare.com/profile/api-tokens

「Create Token」

STEP 2

揀「Create Custom Token」

畫面有好多範本,唔好揀範本 —— 拉到最底,揀 「Create Custom Token」 旁邊嘅 「Get started」

STEP 3

設定權限(最關鍵一步)

「Permissions」 嗰度設定:

  • 第一格揀 Account
  • 第二格揀 Cloudflare Pages
  • 第三格揀 Edit

跟住喺 「Account Resources」:第一格 Include,第二格揀你嘅帳號。

⚠️ 一定要係 Pages 嘅「Edit」權限,而且 Account Resources 要包含你個帳號。如果淨係俾 Read 權限,之後發佈會失敗。
STEP 4

建立並複製 Token

「Continue to summary」「Create Token」

畫面會顯示一串好長嘅文字(你嘅 Token),即刻複製佢,貼喺記事本暫存

🔒 重要:呢串 Token 只會顯示一次,閂咗就睇唔返。而且佢等於你個帳號嘅鎖匙 —— 千祈唔好截圖公開、唔好出街、唔好放上社交平台

第二步攞你嘅 Account ID

STEP 1

喺主控台搵 Account ID

返 Cloudflare 主控台 → 入「Workers & Pages」 → 喺右邊欄(或者網址列)會見到一串 「Account ID」

複製埋佢,同 Token 一齊暫存。兩樣嘢之後都要交俾 Claude。

搵唔到?直接喺對話框問 Claude:「點樣搵我嘅 Cloudflare Account ID?」佢會帶你一步步搵。

第三步將鎖匙交俾 Claude

返去 VSCode,打開你個 website folder 同 Claude 對話面板。

STEP 1

一句說話完成設定

喺對話框打(將中括號換成你頭先複製嘅嘢):

我想用 Cloudflare API 發佈呢個 folder。 我嘅 API Token 係:【你嘅 Token】 我嘅 Account ID 係:【你嘅 Account ID】 請幫我安全咁存好呢兩個資料,唔好放喺會公開嘅地方,然後將呢個 folder 發佈上 Cloudflare Pages,項目名叫 my-website,最後俾返條連結我。

Claude 會自動:安裝發佈工具、設定好你嘅鎖匙、建立項目、上載檔案。

第一次會等耐少少(要裝工具),之後就好快。過程中如果問你問題,照答就得。
STEP 2

攞返你條連結

完成後 Claude 會俾你一條好似 https://my-website.pages.dev 嘅連結。撳開就見到你個 live website ✅

呢條連結可以放上 Instagram/Facebook 簡介、send 俾客戶、放入貼文。

第四步之後更新,一句搞掂

日常用法

改完打一句就更新上網

因為鎖匙已經設定好,以後你改完個 website,淨係要喺對話框打:

幫我將更新後嘅 website 重新發佈上 Cloudflare。

Claude 自動更新,條連結唔變、內容變最新。呢個就係你想要嘅自動化 —— 由「整」到「出街」全部用講嘅。

🔒 安全小提醒(好重要)

你嘅 API Token 等於你 Cloudflare 帳號嘅鎖匙,記住三件事:

唔好截圖/公開分享 —— 包括出片、發帖、send 俾唔信任嘅人。

② Claude 會幫你將 Token 存喺電腦一個唔會公開嘅檔案,唔會出街。

③ 如果懷疑 Token 洩漏咗,去 Cloudflare 嘅 API Token 頁面將佢 刪除(Delete / Roll),再重新整一個就安全。

常見問題

學生喺呢一步最常 stuck 嘅位。

我唔識 code,駕馭到 API 嗎?

得。你只係去 Cloudflare 撳幾下複製兩串文字,其餘全部交俾 Claude 用一句說話搞掂。你唔需要明背後點運作。

Claude 話發佈失敗,提到「權限 / code 10000」?

九成係 Token 權限設錯。返第一步,確認係 Account → Cloudflare Pages → Edit,而且 Account Resources 有包含你個帳號。重新整一個 Token 再試。

我唔見返我複製過嘅 Token,點算?

Token 只顯示一次,睇唔返好正常。直接去 API Token 頁面刪咗舊嗰個,再整一個新嘅就得。

呢個會唔會扣錢?

唔會。Cloudflare Pages 免費方案對個人 website 綽綽有餘,亦唔使俾信用卡。

每次都要再俾一次 Token 俾 Claude 嗎?

唔使。第一次設定好之後,鎖匙已經存喺你部電腦,以後直接講「幫我更新發佈」就得。

覺得太複雜,有冇更簡單嘅方法?

有。如果你淨係想快快手放上網,可以用「拖 folder」嘅手動方法(唔使搞 API)。但接駁 API 嘅好處係之後更新快好多 —— 睇你想唔想一勞永逸。

下一步

你而家由「一句話整 website」做到「一句話發佈上網」,成條技能鏈打通晒、而且自動化。將你條連結放上社交平台簡介,開始接觸客戶啦。返學員群組/課程繼續跟住睇進階單元。

🎖️ 下一步

想學識用 AI 打造你嘅賺錢系統?

「AI 賺錢軍隊」課程即將開班。加入候補名單,一開班即第一時間通知你,仲有候補限定早鳥優惠。

🎖️ 加入候補名單 →