文／Ovata｜更新：2026 年 11 月 3 日

做完這篇，你會建立一個空白網站，AI 也會問完需求、做出第一版放上測試站。你只要用平常說話的方式回答它的問題。

適合選空白的情況

從空白開始和從樣板開始一樣沒有製作費，月費也相同，差別在起點。這些情況適合選空白：

  • 你已經有想要的版面，或有喜歡的參考網站。
  • 你要的頁面和流程，跟現有樣板差很多。
  • 你想從品牌素材出發，重新設計整個網站。

想先看到現成畫面再改，選從樣板開始。

空白指的是頁面和版面。功能仍然跟著類型固定：電商有購物車、金流和會員，點餐有點餐系統和金流，形象網站有文章。會員、訂單、金流和物流都用 Ovata 維護的後端，AI 負責前端，透過 SDK 串接。

建立網站

在 Console：

  1. 按「新增網站」，選類型。
  2. 起點選「從空白開始」，取一個名稱。
  3. 按「建立網站」。
  4. 接上 MCP，按「複製開場指示」，貼到 AI 工具。

連線步驟見把 Codex 或 Claude Code 接上 Ovata MCP。已經連好的話，也可以直接在對話裡說：

我想從空白開始做一個形象網站，名稱先叫「範例設計」（範例）。
請確認我的工作區，幫我建立網站，再問我品牌和想要的頁面。

AI 會保存類型和名稱，再建立網站。程式庫準備好後，它會拿到這個網站自己的 repo。

AI 做出第一版的過程

  1. 問需求：先確認服務誰、提供什麼、訪客下一步要做什麼，再問品牌、商品、風格和頁面。一次問一部分，不確定的地方它會給建議。
  2. 查資料：你有官網或社群，它會去看實際內容。缺的資料會列出來請你補。
  3. 列頁面：寫清楚每頁的網址、任務和主要操作。首頁當入口。以電商網站為例，完整選購、購買說明、品牌故事各有獨立頁面。
  4. 做設計：先做重要頁面的設計稿，放在網站 repo，檢視後才實作。工具無法產生圖片時，會改做可操作的前端預覽，並告訴你。
  5. 接後端：透過 SDK 接 Ovata 的商品、會員、結帳等功能。現有 API 做不到的，它會列出缺項讓你決定。
  6. 放上測試站：檢查桌機和手機畫面，再把測試站網址和要看的地方給你。

你看完可以繼續提修改。你沒有明確同意前，它不會發布正式站。

回覆範例

（範例）第一版先做首頁、服務介紹、關於我們、聯絡方式四頁。
照片用我提供的，沒有的地方標示「待補」，不要放假的客戶案例。

（範例）版面方向選第二個。首頁標題再短一點，手機上看一次再放上測試站。

下一步