關於 Ycode
What Is Ycode
Ycode 是一套視覺化網站建置工具，把網站的控制權完整交回你手上。它跟 Webflow、Framer 打同一片市場，但有一處關鍵差異。開源版能架在你自己的基礎設施上，想省下主機管理就改用 Ycode Cloud。
它想解決的是一個常見的悶點。多數封閉平台把設計、內容和基礎設施全都關在廠商的系統裡，價格、規則、發展方向都由對方決定。Ycode 把主導權還回來。把 GitHub 上的儲存庫 fork 一份，部署到 Vercel，接上 Supabase，網站就是你的。
兩種版本共用同一套核心工具：拖放編輯器、Ycode CMS、表單與多語系。它不需要碰任何標記語言，屬於無程式碼網站建置工具，也是貨真價實的開源網站建置工具。這套自行架設網站建置工具還能讓程式碼與資料庫都留在你手中。有一個上限要先講清楚。雲端方案把 CMS 限制在 2 萬筆項目，內容量很大的網站會往自行架設的方向走。
Getting Started
- 想要代管服務就到 ycode.com 註冊；打算自行架設就在 GitHub 上 fork 儲存庫。
- 把 fork 的版本部署到 Vercel，接著建立 Supabase 專案，並把金鑰設成環境變數。
- 執行設定精靈，建立管理員帳號並套用資料庫遷移。
- 打開編輯器，新增一個頁面，把元素拖到畫布上。
- 綁定自己的網域，網站準備好就發布。
產品資訊
快速了解 Ycode 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 想完全掌控程式碼與資料的開發者：開源版跑在你自己的 Vercel 與 Supabase 帳號上，想改什麼都行。
- 從 Webflow 或 Framer 跳槽的設計師：拖放編輯器處理版面、間距與響應式行為，完全不用寫程式。
- 小型團隊與沒有技術背景的創業者：Ycode Cloud 省掉伺服器設定、部署與環境變數，幾分鐘就能開始動工。
任務
- 建行銷網站與作品集：用視覺化方式拼出頁面，綁定自己的網域後發布。
- 管理結構化內容：集合與欄位在內建 CMS 裡處理部落格、清單與重複性資料。
- 大量結構化內容：CMS 能把龐大的內容庫整理好。雲端方案停在 2 萬筆項目，資料量更大的網站比較適合自行架設。
情境
- 手上同時有多個客戶網站的代理商：兩種版本都不限使用者與頁面數，團隊能一起建置與交付。
- 需要把資料放在自家基礎設施的團隊：自行架設讓程式碼與資料庫都留在你的掌控中。
- 用 AI 對話編輯：透過 MCP 接上 Claude、ChatGPT、Cursor 或 VS Code，用描述的方式調整版面或內容。
主要功能
開源與自行架設
整平台都是開源。在 GitHub 上 fork、部署到 Vercel、接上 Supabase，程式碼、資料與部署流程全歸你。技術堆疊沒有授權費，也不會被廠商綁死。對資料規範嚴格的團隊來說，這是最大的賣點。
Ycode Cloud 代管主機
不想自己管基礎設施的話，Ycode Cloud 接手主機、自動更新與全球 CDN。註冊完就能開始建置，完全不用碰伺服器。Ycode 價格在這裡很單純。開源版不用錢，雲端方案在試用期後按月收費。代價是 CMS 的 2 萬筆上限，以及上線穩定度要看廠商。
視覺化拖放編輯器
編輯器操作起來像 Webflow 或 Framer。把元素放上畫布，調整版面、間距與樣式，再設定頁面在各種螢幕尺寸下的表現。設計師能精準到像素，不必寫標記語言，而且雲端與自行架設用的是同一個編輯器。
內建 CMS 與集合
Ycode 內建處理結構化內容的 CMS。你建立集合、新增欄位，把部落格文章、商品清單或團隊頁面這類重複資料整理起來。更動會直接反映到線上網站，內容在一個地方管理，不用逐頁手改。
自備 AI 模型
每個 Ycode 專案都會開一個 MCP 伺服器，外部 AI 用戶端可以讀取與編輯你的網站。Anthropic、OpenAI、Google Gemini 與 xAI 的模型都支援。你用白話描述要改什麼，模型就幫你調整版面、間距、樣式或內容。
表單與多語系
表單與不限語言數是標準配備，同一個專案就能收表單回覆、經營多語網站。這兩項都沒有數量上限，對跨多個市場的企業特別實用。
優缺點
優點
- 核心開源，沒有授權費，技術堆疊也不會被綁死。
- 自行架設讓程式碼與資料完全由你掌控。
- 編輯器在視覺設計的控制力上與 Webflow、Framer 相當。
- 支援 MCP，Claude、ChatGPT 等 AI 用戶端能直接編輯網站。
- 兩種版本的使用者、頁面、表單回覆與語言數都不設上限。
缺點
- 自行架設要自己弄 GitHub、Vercel 與 Supabase，對非技術使用者不算開箱即用。
- 雲端 CMS 上限 2 萬筆，內容庫一大就得轉向自行架設。
- 專案還年輕，最新版本仍在 0.x 階段，要有遇到小毛病的心理準備。
- 社群管道以外的人員支援則看雲端方案。
常見問題
Ycode 在不寫程式的情況下建置與管理網站。你在視覺化編輯器裡設計頁面，用 CMS 管理結構化內容，再發布到自己的網域，看你要用代管雲端或自家基礎設施。
相關內容
探索與 Ycode 相關的工具、技能與文章。
Ycode 替代方案
Base Code
Base44 (Wix) · 程式設計 · 生產力Base Code 是 Base44 推出的共享雲端開發環境。團隊在對話中描述對既有 GitHub 儲存庫的修改，看著預覽確認結果，再以 Pull Request 交回工程團隊。
Google EmbeddingGemma 2
Google DeepMind · 寫作 · 圖片 · 程式設計Google EmbeddingGemma 2 是 7.4 億參數的開源模型，能把文字、程式碼、圖片、音訊與影片畫面轉成同一個 768 維空間裡的向量，在手機與筆電上就能執行。
GitGlow
GitGlow · 程式設計 · 生產力GitGlow 是桌面版 Git 用戶端，把你自己的程式碼與 AI 代理程式的變更集中在同一份審查裡，讓你在交付前看清楚機器上究竟要送出什麼。