跳至主要內容
Studio 設定指南 我沒有網站

把 Studio 放進免費的 Cloudflare 帳戶

沒有網站、沒有網域,也沒有主機嗎?Studio 可以在屬於你自己的免費 Cloudflare 帳戶中執行。你的分享連結就會放在類似下面這樣的網址上:snaps.yourname.workers.dev

最適合
沒有網站,或網站架設在 Wix、Squarespace 或 Shopify 上的人。
需要準備
Windows 或 Mac 版 Maxisnap,並使用擁有 Studio 的帳戶登入;Cloudflare 用的電子郵件地址;一張信用卡或 PayPal(以防 Cloudflare 在開啟儲存空間前要求提供);以及你電腦上的 AI 程式設計助理,或安裝了 Node.js 20 或更新版本的終端機。
所需時間
第一次大約需要 20 分鐘。
你會得到
私人媒體庫,以及放在以 workers.dev 結尾的網址上的品牌化分享連結。之後你可以加上自己的網域,也不會失去任何東西。
費用
Studio 的設計目標是可在 Cloudflare 的免費方案上執行。Cloudflare 公布了 R2 目前的免費額度和價格。

這個方式如何運作

你先建立一個免費的 Cloudflare 帳戶,並開啟它的儲存空間。接著,你電腦上的 AI 程式設計助理(例如 Claude Code、Codex 或 Cursor)會使用 Studio 下載檔中的部署工具來建立你的 Studio,並在每次變更前先詢問你。

部署工具會在你的帳戶中建立三樣東西:Studio 應用程式(Cloudflare 稱之為 Worker)、存放擷取內容的儲存空間(R2),以及用於媒體庫與團隊的小型資料庫(D1)。帳戶中的其他任何內容都不會改變。習慣使用終端機嗎?也可以依照開發人員指南,自己執行同一個工具。

建立你的 Cloudflare 帳戶

  1. 在瀏覽器中開啟 Cloudflare 的註冊頁面:dash.cloudflare.com/sign-up
  2. 請使用你每天都會查看的電子郵件地址。工作用的電子郵件地址也可以。請選一組強度夠高的密碼,並妥善保管。
  3. 確認你的電子郵件:Cloudflare 會寄出一個連結。請先按一下它再繼續,否則某些步驟會被拒絕。如果沒有收到,請檢查垃圾郵件資料夾。
  4. Cloudflare 詢問是否要新增網站時,你可以略過。你不需要網站。
你會看到的畫面 Cloudflare 的註冊頁面會要求你輸入電子郵件地址和密碼。之後 Cloudflare 可能會詢問你想先做什麼;你可以略過。

開啟儲存空間

你的螢幕截圖和影片會存放在 Cloudflare R2。請為你的帳戶開啟一次:

  1. 在 Cloudflare 儀表板中,開啟「Storage & databases → R2 → Overview」。
  2. 完成 Cloudflare 的結帳流程,將 R2 加入你的帳戶。如果 Cloudflare 要求,請新增信用卡或 PayPal。

你的 Studio 儀表板會顯示你使用了多少儲存空間。Cloudflare 的 R2 文件(2026 年 10 月查閱)指出:R2 可免費開始使用,並含有每月免費用量;你的用量則會按月計費。

你會看到的畫面 Cloudflare 的 R2 總覽頁面,其中有將 R2 加入你帳戶的按鈕,如果 Cloudflare 要求,還會有填寫信用卡或 PayPal 的表單。

在你的電腦上取得 Studio

  • 在 Windows 上:在 Maxisnap 中開啟「設定 → 帳戶 → Maxisnap Studio 設定精靈」,按一下「開始使用」,再按一下「下載儀表板」。Maxisnap 會把 Studio ZIP 檔儲存到你的「下載」資料夾,並開啟該資料夾。
  • 在 Mac 上:在 Maxisnap 中開啟「Settings → Welcome & Help → Studio Setup Guide」,按一下「Get Started」,再按一下「Download Dashboard」。Maxisnap 會把 Studio ZIP 檔儲存到你的「下載項目」資料夾。

解壓縮 ZIP 檔。在 Windows 上,請以滑鼠右鍵按一下該檔案,選擇「全部解壓縮」。在 Mac 上,按兩下即可。

想從一開始就使用自己的標誌和色彩嗎?請按兩下「Maxisnap Studio - Start Here.html」,設計你的品牌,再按一下「Lock in my branding」,助理就會採用。你也可以略過這一步,之後再到儀表板的「Branding」中變更品牌設定。

你會看到的畫面 解壓縮後的 Studio 資料夾:三個資料夾(cloudflare、docs 和 snaps)、Start Here 頁面,以及給 AI 助理的指示。

交給你的 AI 助理處理

  1. 開啟你的 AI 程式設計助理:Claude Code、Codex、Cursor,或其他能在你電腦上執行指令的助理。
  2. 從說明中心的 AI 助理指南複製現成的指示,把角括號中的那一行換成你的 Studio 資料夾,然後貼上。
  3. 告訴它你沒有網站,想在免費的 Cloudflare 帳戶中使用 Cloudflare 版 Studio。它會讀取 Studio 資料夾中的指示檔案,並在執行每個步驟之前先說明。

取得現成的指示。

部署工具需要你的電腦上有 Node.js 20 或更新版本;助理可以幫你檢查是否已經安裝。這些指示會要求助理在建立任何東西之前先詢問你,也不要刪除或取代你帳戶中已有的任何內容。

當助理要求時,建立 Cloudflare 金鑰

部署需要取得在你的帳戶中建立 Studio 的權限。你要透過 Cloudflare API 權杖來授權,它就像是專供這項工作使用的密碼。

  1. 在 Cloudflare 中開啟「My Profile → API Tokens」,按一下「Create Token」,並選擇建立自訂權杖。
  2. 加入這四項權限:Account Settings Read、Workers Scripts Edit、Workers R2 Storage Edit 和 D1 Edit。
  3. 按一下「Continue to summary」,再按「Create Token」。Cloudflare 只會顯示一次權杖,所以請立刻複製。
  4. 當助理要求提供權杖時,請自己把權杖貼到終端機中,而不是貼到聊天視窗裡。

開啟 Cloudflare 的 API Tokens 頁面。

Studio 開始運作後,你就可以刪除權杖。你的 Studio 仍會繼續運作;之後若要更新或移除它,需要一個具有相同權限的新權杖。

你會看到的畫面 Cloudflare 的權杖頁面:每項權限各有一列,底部有「Continue to summary」按鈕。

選擇你的 Studio 網址

  1. 請告訴助理一個由小寫字母、數字和連字號組成的 Studio 名稱。預設名稱是 snaps。
  2. 如果你的 Cloudflare 帳戶還沒有 workers.dev 名稱,計畫會要求提供一個,助理也會詢問你。這個名稱由此帳戶中的所有項目共用,之後很難更改,因此用你的公司名稱是不錯的選擇。

你的網址會像這樣:snaps.yourcompany.workers.dev

之後你可以加上自己的網域,也不會失去任何東西。

檢查計畫,然後建立你的 Studio

在你同意之前,不會建立任何東西。助理會先產生計畫並顯示給你看。「Will create」會列出一個 Worker、一個 R2 儲存貯體和一個 D1 資料庫,如果 workers.dev 名稱是新的,也會一併列出。「Will not touch」則列出帳戶中的其他所有項目。

  1. 當計畫看起來正確時,就告訴助理可以繼續。建立你的 Studio 大約需要一分鐘。
  2. 如果部署中途停止,再執行一次相同的指令,就會從中斷的地方繼續,不會重複建立任何東西。
你會看到的畫面 助理會顯示計畫:先是 Studio 網址,接著是「Will create」和「Will not touch」。

保存你的管理員金鑰

  1. 完成後,部署作業會顯示你的 Studio 網址和管理員金鑰,而且只會顯示一次。請把金鑰存放在安全的地方,例如你的密碼管理員。你要用它登入儀表板,而任何拿到它的人都可以使用你的 Studio。
  2. 部署作業還會在 cloudflare 資料夾中寫入一個名為 deployment.json 的檔案。請保留該檔案,因為之後更新或移除你的 Studio 時會用到它。

連接 Maxisnap 並試試看

  • Windows 版 Maxisnap:開啟「設定 → 帳戶 → Maxisnap Studio 設定精靈」,按一下「開始使用」,然後一直按「下一步」,直到第 4 步「連接 Maxisnap」。貼上 Studio 網址和金鑰,按一下「測試連線」,再按「下一步」,到最後一頁時按一下「完成並儲存」。設定時取得的管理員金鑰可以使用,儀表板「People & access」中的上傳代碼也可以。
  • Mac 版 Maxisnap:開啟「Settings → Welcome & Help → Studio Setup Guide」,選擇「I already have a dashboard」。貼上 Studio 網址和金鑰,按一下「Test Connection」,再按「Next」,最後按一下「Finish & Save」。

擷取一些畫面,然後在編輯器中按一下「上傳」。在 Windows 上,按 Ctrl+Alt+7 會擷取一個區域並立即上傳。分享連結會放到你的剪貼簿中。

Windows 版和 Mac 版 Maxisnap 會以單一請求把每次上傳送到 Cloudflare 版 Studio,而它每個檔案最大可接受 25 MB。

接下來:在儀表板的「People & access」中加入你的團隊(每個人都會有自己的代碼和角色),並隨時可以在「Branding」中更改標誌或色彩。

如果發生問題

Cloudflare 要你先驗證電子郵件

Cloudflare needs you to verify your email address first. Check your inbox for Cloudflare’s email, click the link, then try again.

開啟你註冊時 Cloudflare 寄來的電子郵件,並按一下其中的連結。如果收件匣裡沒有,請檢查垃圾郵件資料夾。然後再試一次同一個步驟。

Cloudflare 仍在審核你的新帳戶

Cloudflare is still reviewing this new account. This usually clears within a day; try again later.

Cloudflare 會先審核某些新帳戶,才允許它們建立任何東西。你的設定並沒有問題。請稍候再試一次;已建立的內容都會保留。

儲存空間尚未開啟

R2 storage is not turned on for this Cloudflare account yet.

如同第 2 步,在 Cloudflare 儀表板中開啟 R2,然後請助理重新產生計畫。

Cloudflare 要求提供信用卡或 PayPal

這是正常的。即使你的用量在免費額度內,Cloudflare 也可能在開啟 R2 之前要求提供信用卡或 PayPal。你的 Studio 儀表板會顯示你使用了多少儲存空間,方便你隨時留意。

Studio 名稱已被使用

A Worker named “snaps” already exists in this account. Pick another name; Studio never replaces someone else’s Worker.

請告訴助理另一個名稱,例如 snaps-yourcompany。如果儲存空間或資料庫的名稱已被使用,部署工具會自動挑選下一個可用的名稱。

workers.dev 名稱已被使用

That workers.dev name is taken. Pick another one.

已經有人使用這個名稱。請試試在公司名稱後面加上一個字詞,例如 yourcompany-studio。它會成為這個 Cloudflare 帳戶中每個網址的一部分,所以請選一個你願意長期使用的名稱。

Cloudflare 拒絕了某個步驟

Cloudflare refused this step: the connection does not have permission for it. Reconnect Cloudflare and approve every permission Studio asks for.

權杖缺少某項權限。請依照第 5 步的權限建立新的權杖,並在助理要求時再次把它貼到終端機中。

設定中途停止

請助理再執行一次相同的部署指令。它會從中斷的地方繼續,不會重複建立任何東西。

你的新網址還打不開

Studio did not come online in time (HTTP 404). Cloudflare can take a few minutes to publish a new address; try again shortly.

所有項目都已建立;Cloudflare 仍在啟用這個網址。請等幾分鐘,再重新開啟該網址。

你遺失了管理員金鑰

你的助理可以設定一組新的金鑰。它會在 Studio 下載檔的 cloudflare 資料夾中執行這個指令,並在終端機中使用 Cloudflare 權杖。指令只會顯示一次新金鑰;接著請用它重新連接 Maxisnap。

node deploy/cli.mjs update --record deployment.json --yes --new-admin-key

大型影片無法上傳

Windows 版和 Mac 版 Maxisnap 會以單一請求把每次上傳送到 Cloudflare 版 Studio,而它每個檔案最大可接受 25 MB。

請讓錄影檔維持在該大小以下,或在上傳前先修剪錄影長度。

Maxisnap 說金鑰不正確

請從你存放金鑰的地方重新複製一次,前後不要有空格。也請檢查網址:它應該是設定時顯示給你的那一個,開頭是 https://.

分享連結顯示「Error 1027」

你的 Studio 已達到 Cloudflare 免費方案的每日請求上限。這項上限會在 UTC 午夜重設。開啟一個分享連結大約會用掉兩次請求。

還需要協助嗎?

請寄電子郵件給我們,會有真人回覆你,通常在一個工作天內。提供下列資料,能讓我們一次就完整回覆你:

  • 你選擇的設定方式,以及你目前進行到哪一步。
  • 目前畫面的螢幕截圖,並完整呈現任何錯誤訊息。
  • 你打算把 Studio 放在哪裡:新的或現有的 Cloudflare 帳戶,或是你的虛擬主機公司名稱。
  • 你的 Maxisnap 版本:在 Windows 上位於「設定 → 關於」;在 Mac 上則位於「Maxisnap → About Maxisnap」。

請不要把你的管理員金鑰、Cloudflare 金鑰或密碼寄給我們。我們不需要它們就能協助你。

其他設定指南