Docs
如何使用
從方案選擇、靜態網站、動態網站到 Prompt 參考,一步步帶你把產品快速上線。
開始使用
你可以先透過 AI 工具快速開發產品原型,推薦使用 Codex、Cursor 等工具協助撰寫與調整程式碼。建議第一步先用免費的靜態網站方案進行產品驗證,先確認需求、內容與市場回饋,再逐步擴展功能與營運方式。
先從免費靜態網站開始驗證產品想法
先上線 MVP、收集回饋,再決定是否升級到動態網站與訂閱方案,能有效降低前期開發與試錯成本。免費方案適合快速開始;若你希望提供無廣告體驗,可再升級個人或商務方案。
為什麼要升級訂閱方案
若你有產品想法,但暫時不熟悉網站架構或部署流程,平台訂閱方案可協助你以一站式方式完成建置與上架。
使用流程建議
- 先依你的產品型態選擇個人或商務方案。
- 建立產品後,先完成「產品設定」基本資料與封面圖。
- 再依需求進入「靜態網站」或「動態網站」進行開發與部署。
- 部署完成後,到「部署中心」與「版本紀錄」確認上線狀態。
個人方案與商務方案怎麼選
- 個人方案:適合個人創作者、MVP 驗證、單一產品快速上線。
- 商務方案:適合需要多個動態網站、進階營運與更高彈性的團隊。
- 若已使用個人方案,升級商務方案可延續既有流程與資料,不需重建產品。
| 比較項目 | 個人方案 | 商務方案 |
|---|---|---|
| 廣告顯示 | 無廣告 | 無廣告 |
| 費用 | 299(月)/ 3000(年) | 2500(月)/ 25000(年) |
| 可建立網站數量 | 最多 3 個靜態網站 + 1 個動態網站 | 最多 10 個靜態網站 + 3 個動態網站 |
| 動態網站存取 | 網址直連(預設) | 網址直連(預設) |
| 客製化網址 | 不支援 | 支援 |
| 客製化系統資源 | 不支援 | 支援 |
| 備份時間 | 每7天備份 | 每日備份 |
| 客服支援 | 7x5 | 7x24 |
| 適用情境 | 個人創作者、MVP 驗證、單一產品快速上線 | 多產品營運、需要更高彈性與進階成長規劃 |
* 動態網站預設以產品子網域網址直連存取;平台訂閱用於解鎖建立與部署額度等功能。
* 客製化系統資源、客製化網址需聯繫技術團隊進行洽談與報價。
若你在開發、部署或方案選擇上需要協助,歡迎聯繫客服取得技術支援。
靜態網站
適合品牌頁、活動頁、內容展示頁。建議先上線靜態版本,驗證內容與轉換後再擴展動態功能。
功能說明
- 使用 HTML + JavaScript + CSS 建立前端頁面。
- 適合單頁式官網、產品展示、活動報名、個人名片頁。
- 部署快速、維護成本低,適合先做 MVP 驗證。
- 進入「產品編輯 > 靜態網站」。
- 以 HTML + JavaScript + CSS 完成頁面內容。
- 到「部署中心」點擊發布,取得網站網址。
- 每次修改後重新部署,讓線上版本同步更新。
動態網站
適合會員功能、後台管理、資料互動服務。動態網站透過上傳 ZIP(根目錄需包含 Dockerfile)進行部署。
功能說明
- 支援有後端邏輯的服務,例如會員系統、預約系統、內部管理系統。
- 動態網站預設以產品子網域網址直連存取。
- 可建立 MySQL 資料庫並使用平台提供的連線資訊進行串接。
- 可查看部署結果與版本紀錄,持續迭代產品。
- 進入「產品編輯 > 動態網站」上傳 ZIP。
- 填入部署所需 .env(平台不會自動覆寫你的環境變數)。
- 可在同頁建立 MySQL,取得資料庫欄位資訊後自行寫入 .env。
- 到部署中心查看部署結果與版本紀錄。
部署建議
- 服務監聽 `0.0.0.0:8080`,並在 Dockerfile 對外提供 8080。
- 設定信任反向代理(Trust Proxy),確保網址與資源路徑使用正式 HTTPS 網域。
- 移除 node_modules、vendor、dist、build、.next 等依賴或建置產物再上傳。
Prompts資源
以下分為三種常用情境:建立靜態網站、建立動態網站、部署到平台。
Prompt:建立靜態網站
你可以直接複製以下範例給 AI,快速產生可用的靜態網站程式碼。
靜態網站 Prompt
請建立一個「活動報名網站」的靜態網站,使用 HTML + CSS + JavaScript。 需求: 1) 首頁區塊:活動標題、時間、地點、主視覺。 2) 活動流程、講者介紹、FAQ、聯絡資訊等內容區塊。 3) 可加入前端互動(例如:選單展開、區塊切換、回到頂部),但不需後端功能。 4) 若有「報名」按鈕,請改為外部連結(例如 Google 表單連結),不要在站內送出資料。 5) RWD 響應式設計(手機與桌機都可讀)。 6) 程式碼請拆為 index.html / styles.css / main.js,風格簡潔、可直接上線展示。
Prompt:建立動態網站
建議優先使用主流程成熟的框架,能更快完成部署與維運。
建議技術
- 語言/框架:Node.js(NestJS / Express)、PHP(Laravel)、Python(FastAPI / Django)
- 資料庫:MySQL
動態網站 Prompt
請建立一個「課程管理系統」的動態網站,包含前台與管理後台。 技術需求: 1) 後端使用 Laravel(或 NestJS),資料庫使用 MySQL。 2) 會員登入、課程列表、課程詳情、報名紀錄查詢。 3) 管理後台可管理課程、查看報名名單、調整狀態。 4) API 與前端分層清楚,資料驗證完整,錯誤訊息清楚。 5) 請提供資料表設計(users, courses, enrollments)與 migration。 6) 請附上本機啟動與環境變數說明。
Prompt:部署到平台
這份 Prompt 用來請 AI 協助你把現有專案調整為可直接部署到平台的版本。
部署 Prompt
請幫我調整此專案程式碼,讓它可在本平台的動態網站部署環境正常運作,需求如下: 1) 專案需提供 Dockerfile(放在根目錄)。 2) 服務請監聽 0.0.0.0:8080,並在 Dockerfile 對外提供 8080 連接埠。 3) 請設定信任反向代理(Trust Proxy),確保網站產生的網址與靜態資源路徑使用正式 HTTPS 網域。 4) 請提供 MySQL 串接程式碼,並支援以下欄位設定: - 資料庫 Host / Port - 資料庫名稱 - 資料庫使用者 - 資料庫密碼 - (若需要)Socket 路徑 5) 請輸出需要調整的檔案清單與修改後的完整程式碼。