發佈第一個頁面：填空式架站、Vibe 畫布、區塊版面配置三種方式比較

秒站建立第一個頁面有 3 種方式——填空式架站、Vibe 畫布、Gutenberg 區塊版面配置。每種方式適合的場景、難度、產出速度都不同。這篇逐項比較，讓你知道什麼時機該用哪一種，避免在錯的工具上打轉。

三種方式總覽#

方式	產出速度	客製自由度	適合誰
填空式架站	5 分鐘	低	第一次架站、不想做設計決策的人
Vibe 畫布 + AI (例如：Claude)	3–10 分鐘	高	會描述需求但不會寫程式的人
Vibe 畫布 + 區塊版面配置	10–30 分鐘	中	想完全掌控每個區塊的人

方式 1：填空式架站#

位置：左側選單「網站設定 → 填空與修改資訊」。

秒站已預先排好版面、區塊位置、字型大小、配色。你只需要逐個將欄位裡的預設文字換成你的內容，把預設圖換成你的圖，就完成。

適合場景#

• 第一次架站，沒有版面設計經驗
• 需要快速產出，不想做太多設計決策
• 內容結構跟既有範本接近（個人品牌、教練、設計師）

操作步驟#

1. 左側選單「網站設定」
2. 點上方「各個分頁」，瀏覽各個區塊的位置（比對前台）
3. 逐區塊點擊，把預設文字改成你的，把預設圖換成你的
4. 右上角「發佈」，或是按右下提示的儲存變更。

方式 2：Vibe 畫布#

位置：左側選單「Vibe 畫布」。

用自然語言告訴 AI 你要什麼版面，它即時產出 HTML。例如「我要一個三欄定價表，每欄上方有圓形圖示，中間欄突顯為主推方案」，Vibe 會在 30 秒內產出可直接複製貼到頁面的完整區塊。

適合場景#

• 有具體版面想法，但不會寫 HTML
• 既有範本沒有你要的特殊區塊（例如客戶見證輪播、進度條表）
• 需要客製到既有範本之外的版面

操作步驟#

1. 左側選單「Vibe 畫布」
2. 將框內的提示語同步提供給你的AI，並和你的AI描述你想要的效果
3. 等待你的AI生成代碼給你
4. 將AI給你的代碼「複製回Vibe畫布」，並刪掉原本於畫布內的 Placeholder
5. 到前台查看成果。

方式 3：區塊版面配置（Gutenberg）#

位置：左側選單「頁面 → 新增 → 空白頁」。

從零開始用內建的 Gutenberg 區塊編輯器堆積版面。每個區塊（標題、段落、圖片、按鈕、欄、群組、表格、清單）都可以單獨拖曳、設定樣式、調整位置。完全掌控每一個視覺元素，但需要花時間，可查看教學文件的「編輯器」來學習使用。

適合場景#

• 已經有明確的設計稿要按 1:1 重現
• 內容結構特殊，範本與 Vibe 都不適用
• 有 Gutenberg 經驗，習慣堆區塊的方式

操作步驟#

1. 左側選單「Vibe畫布 → 新增畫布」
2. 點 + 號加區塊（標題、段落、圖片、按鈕等）
3. 每個區塊右側設定樣式、間距、對齊
4. 用「群組」「欄」區塊把多個小區塊組成大區塊
5. 滿意後右上角「發佈」

三種方式可以混用#

實際上多數客戶會混用：用範本起步打底，並用 Vibe 畫布做特殊頁或是額外的頁面，中間用 Gutenberg 混搭微調間距與對齊。三種方式不互相排斥，都是同一個站內的工具，可以視情況切換。

下一步#

第一個頁面發佈後，建議按 新站上線 30 天 Checklist 把剩下 18 件事逐項補完，避免漏掉重要設定。

常見問題

三種方式可以混用嗎？

可以。多數客戶都混用——用範本起步打底，並用 Vibe 畫布做特殊頁或是額外的頁面，中間用 Gutenberg 混搭微調間距與對齊。三種方式不互相排斥，都是同一個站內的工具，可以視情況切換。

Vibe畫布或Gutenberg編輯器使用後可以改嗎？

可以，Vibe畫布可以想像成就是一般WordPress提到的「頁面」，所有區塊都能編輯、移動、刪除、新增。

Vibe 畫布產出後不滿意怎麼辦？

可以再回到您原本的AI繼續做溝通、調整

空白頁從零做、會不會花太久？

簡單頁面 10 分鐘、複雜頁面 30 分鐘到 1 小時。建議第一次架站先用範本或 AI 起步、空白頁等熟練後再用。

Vibe畫布發佈後還能回到草稿狀態嗎？

可以、在編輯頁面右上角狀態切換到「草稿」、儲存後前台就看不到。已收錄的 Google 索引會在下次爬取時更新。