網站上線教學 · 2026 年 9 月更新

muse ai
幫你快速架屬於你的網站!

✨ 這篇教學只有兩件事要你親自動手:申請 Cloudflare 帳號、買網域。
其他全部 muse ai 代勞。

🗺️ 上線流程一覽

💬 跟 muse ai 說你想要什麼網站
↓
🛠️ muse ai 把網站建好
↓
選上線方式

方式一:muse ai

muse ai 一鍵發布
↓
拿到 muse.ai/s/xxx
分享連結

方式二:雲端部署

muse ai 部署到預覽網址給你看
↓
你批准 → muse ai 推上正式站
↓

🤖muse ai 是什麼?

muse ai 是一款用「聊天」就能架站的 AI 網站製作工具:不用寫程式,只要用自然語言描述需求——個人作品集、餐廳線上菜單、品牌介紹頁——muse ai 就會自動生成版面、寫好程式碼,幾分鐘內做出可以直接上線的網站。

這篇 muse ai 教學帶你從零開始架站:比較 muse.ai 一鍵發布和 Cloudflare Pages 免費部署兩種上線方式,最後綁定自己的網域,把網站真正放到網路上。

🎁 現在有限時推薦活動

在 muse.ai 註冊後 48 小時內輸入推薦碼,你跟我各得 10 億 Muse tokens(使用額度)。

我的推薦碼:8AALZA

兌換位置:App 設定 → General → Redeem invite code。活動內容以 muse.ai 官方公告為準。

1跟 muse ai 說你想要什麼網站

兩種方式都從這裡開始。直接在對話裡描述,例如:

你:幫我做一個個人作品集網站,放照片和簡介
你:幫我做一個小餐館的線上菜單,中英雙語

muse ai 會把網站建好。接下來看你要用哪種方式上線。

💬muse ai 提示詞範例:這樣描述,網站一次到位

指令下得越具體,muse ai 第一次就做得越準。記住三要素:做什麼、長什麼樣、要什麼功能:

你:幫我做一個個人攝影作品集,走簡約黑白日系風,大量留白,首頁放一張滿版主視覺

↑ 風格指定:用一句話講清楚氛圍+版面。

你:幫我做一個早餐店線上菜單,要有一鍵撥打電話按鈕和 Google 地圖嵌入,手機上要好滑

↑ 功能指定:把要的互動元件直接列出來。

你:幫我做一個品牌介紹頁,包含品牌故事、三個產品特色、聯絡表單,暖米色系,中英雙語可切換

↑ 內容指定:列出段落大綱+語言需求。

💡 一次講清楚「做什麼+長什麼樣+要什麼功能」,比做好再慢慢改更快。

2方式一:發布到 muse ai(一般流程)

這是最簡單的方式:網站做好後,跟 muse ai 說「發布這個頁面」, muse ai 會產生一條分享連結:

https://muse.ai/s/xxxx

點連結的人直接就能看,不用註冊、不用設定。流程就這樣,一步到位。

3方式二:用 muse ai 部署到 Cloudflare Pages

你不用自己上傳檔案、不用碰後台。流程分三小步。以下以 Cloudflare Pages 做示範:

3a. muse ai 先部署到預覽網址給你看

網站建好後, muse ai 把網站放到一個預覽網址(preview),例如:

https://abc123.你的專案名.pages.dev

這個網址只有你知道,正式站完全不受影響。你在手機和電腦上打開檢查,有想改的直接跟 muse ai 說, muse ai 改完重新部署到預覽,來回幾次都沒關係。

3b. 你批准, muse ai 才推上正式站

你:預覽看過了沒問題,可以上線
muse ai:好,正在推上正式站…完成了 ✅

上線後,你的網站在 Cloudflare 後台會長這樣:

透過 muse ai 自動部署至 Cloudflare Workers & Pages 專案列表畫面
後台的 Workers & Pages 會列出你的網站專案(實際部署好的畫面)。
⚠️ muse ai 的原則:沒有你的明確同意, muse ai 不會動正式站。你說「掛在我的網站下」 muse ai 只會做頁面給你看,不會自己上線。
💡 算一下:整篇教學你要親自動手的只有兩件事——申請 Cloudflare 帳號(含建 API Token)和買網域。建網站、部署、預覽、上線、綁定,全是 muse ai 的事。
Cloudflare Pages 後台手動上傳靜態檔案的選項(muse ai 自動部署不需要用到)
手動部署要在後台選這個自己上傳。用自動部署的話,你不用點它。

其他免費雲端部署選擇

這篇教學用 Cloudflare Pages 做示範。靜態網站(內容固定的網站,像作品集、菜單、介紹頁,不需要會員登入或資料庫)還有其他免費的雲端部署選擇,概念都一樣(上傳檔案 → 拿到網址 → 綁定自訂網域):

平台免費額度備註
Cloudflare Pages
⭐ 本教學示範
流量無上限;每月 500 次部署商業可用;自訂網域+SSL 免費
Vercel
Hobby 方案
每月 100 GB 流量;每月 6,000 分鐘建置⚠️ 免費版僅限個人、非商業用途
Netlify
Starter 方案
每月 100 GB 流量;每月 300 分鐘建置商業可用;後台可直接拖放檔案部署
GitHub Pages每月 100 GB 流量(軟上限);建置併入 GitHub Actions 免費額度需 GitHub 帳號;適合已在用 GitHub 管程式的人
Render
靜態網站
每月 100 GB 流量;每月 500 分鐘建置註冊免信用卡

「建置」就是每次更新網站時,平台重新產生網站檔案花的時間;小站更新一次通常只要幾分鐘,上面的額度都很夠用。

額度數字整理於 2026 年 9 月,各家免費方案會調整,最新以各官網為準。

💡 為什麼示範用 Cloudflare?免費額度對個人小站很夠用,自訂網域+SSL 幾乎不用手動設定,整套流程 muse ai 可以直接用 API 幫你跑完。你想用上面哪一家,跟 muse ai 說, muse ai 幫你走那套流程。

⚖️方式一 vs 方式二:muse.ai 發布 vs 獨立網域怎麼選?

兩種上線方式快速對比:

方式一:一鍵發布方式二:雲端部署
費用免費免費(網域約 US$10/年)
上線速度一句話就好,最快多幾分鐘(muse ai 代勞)
網址muse.ai/s/xxx 分享連結免費 xxx.pages.dev,可再綁自己網域
SEO權重歸平台排名累積在自己網域
廣告/追蹤碼受平台限制愛怎麼放怎麼放
💡 怎麼選?隨手分享、臨時測試用方式一最快;要長期經營、做品牌、放廣告賺錢,用方式二+自己的網域(詳見「為什麼要用自己的網域?」)。

4網域申請+綁定

網站上線後會先有免費的 xxx.pages.dev 網址。想要自己的網域(例如 myshop.com),兩種做法:

做法 A:叫 muse ai 幫你處理

跟 muse ai 說想要什麼網域名稱, muse ai 可以在你已登入的瀏覽器裡幫你操作申請和綁定(只看不亂改),或一步步帶著你點。

Cloudflare Register domain 網域搜尋框:搜尋想註冊的網域名稱,成本價不加價
在 Cloudflare 的 Register domain 搜尋想要的網域名稱,成本價註冊、不加價。

做法 B:綁定已經買好的網域

如果你網域已經在別的地方買好了,跟 muse ai 說, muse ai 幫你綁到 Pages 專案上。綁定成功後,後台會顯示 Active,SSL(網址列會出現 🔒)自動生效:

Cloudflare Pages 自訂網域綁定成功,Custom domains 狀態顯示 Active
Custom domains 分頁:已綁定網域的狀態顯示。
💡 在 Cloudflare 註冊的網域,DNS 會自動設定好,什麼都不用動。在別家買的網域,只要加一筆 CNAME 紀錄指向 你的專案名.pages.dev 就行(跟 muse ai 說, muse ai 會帶著你一步步點)。
💡 買網域要刷卡付錢,這步只能你親自來——但搜尋、註冊、綁定的操作,做法 A 裡 muse ai 都能在你登入的瀏覽器裡代勞。

✨為什麼要用自己的網域?

Cloudflare 免費給的 xxx.pages.dev 網址就能上線,但擁有自己的網域好處很多:

💡 網域一年約 US$10 上下,是整個網站最便宜、回報最高的投資。建議想到好名字就先註冊下來放著。

🔑自動部署需要準備的東西:API Token

還沒有 Cloudflare 帳號?先到 Cloudflare 官網免費註冊一個——這是整篇教學你要親自動手的兩件事之一(另一件是買網域)。接著建一組 API Token(可以想成一組專用密碼,讓 muse ai 能幫你把網站放上 Cloudflare),只需要 Pages 的編輯權限,兩分鐘搞定:

  1. 登入 Cloudflare 後台,點右上角人像 → My Profile → API Tokens → Create Token。
  2. Cloudflare 後台 My Profile 的 API Tokens 頁面:點 Create Token 建立 muse ai 部署用 Token
    進到 My Profile → API Tokens,點右上角的 Create Token。
  3. 選 Create Custom Token,Token 名稱取個好認的名字(例如 muse ai)。
  4. 建立 muse ai 部署專用的 Cloudflare Custom API Token
    選 Create Custom Token,自己設定權限。
  5. 權限(Permissions)設為:Account → Cloudflare Pages → Edit(編輯)。
  6. 設定 muse ai 部署所需的 Cloudflare API Token 權限:Account → Cloudflare Pages → Edit
    權限照這樣設:Account → Cloudflare Pages → Edit;帳號範圍選你的帳號。(圖中名稱只是示意)
  7. 帳號範圍(Account Resources)選你的帳號 → Continue to summary → Create Token。
  8. 把產生的 token 複製起來(只會顯示一次),透過安全的方式交給 muse ai 存起來。
  9. muse ai 部署用 Cloudflare API Token 建立成功,Token 值已打碼
    Token 只會顯示這一次,複製起來交給 muse ai。(Token 值已打碼)
💡 這組 Token 權限只夠把網站放上線,動不了你的 DNS(網域的地址設定)和帳號其他設定。真的要改 DNS 時, muse ai 會用你已登入的瀏覽器幫你操作,或請你自己點。

🔒隱私說明

?常見問題

Q:muse ai 架站、部署要錢嗎?
A:Cloudflare Pages 放靜態網站免費(個人小站流量絕對夠用)。要花錢的只有網域本身,約每年 US$10 上下,看後綴。muse ai 發布則完全免費。

Q:muse ai 架站後,網站要更新內容怎麼辦?
A:跟 muse ai 說改哪裡 → muse ai 改好 → 先上預覽給你看 → 你批准 → muse ai 推上線。跟第一次一樣的流程。

Q:用 muse ai 架站一定要有網域嗎?
A:不用。Cloudflare 會先給免費的 xxx.pages.dev 網址,網站照樣能上線。網域是讓網址更好記、更專業。

Q:可以用 GitHub 連動自動部署嗎?
A:可以,但如果你都叫 muse ai 部署,其實用不上—— muse ai 直接幫你推上線,比 GitHub 連動更快,也不用你學 Git。

Q:我想自己手動上傳一次看看?
A:可以,後台 Workers & Pages → Create application → 選「Upload your static files」,把網站資料夾拖進去按 Deploy 就好。

Q:muse ai 架站要怎麼下指令(prompt)?
A:一次講清楚三件事:做什麼、長什麼樣、要什麼功能。上面的「muse ai 提示詞範例」有可以直接套用的句型。

Q:muse.ai 發布跟自己買網域差在哪?
A:muse.ai 發布免費又快,但網址和版面屬於平台;自己的網域一年約 US$10,換來專業網址、SEO 累積和完全掌控。看「方式一 vs 方式二」對比表最清楚。

🎯一句話總結

整篇教學,你親自動手只有 兩件事:

  1. 申請 Cloudflare 帳號(免費,順手建一組 API Token 交給 muse ai)
  2. 買網域(一年約 US$10,要刷卡所以只能你來)

建網站、部署、預覽、上線、綁定網域——其他全部 muse ai 代勞,真的很方便。