如何分享 AI 產生的 HTML 網頁

2026-10-25

AI 已經幫你做好網頁，在對話預覽或自己的電腦上也能正常開啟。要讓客戶、同事或朋友查看，直接傳送 HTML 附件可能會顯示程式碼、遺失圖片，或要求對方先下載。

快速解答

如果網頁只有 HTML、CSS 和瀏覽器端 JavaScript，上傳檔案後分享網址即可。下方可直接上傳，不必設定程式碼倉庫、建置指令或主機專案。如果需要伺服器或資料庫，請先檢查後端需求。

1. 先檢查網頁與檔案

單一 HTML 若已內嵌樣式與程式，或引用公開網址，便可單獨上傳。若使用本機圖片、CSS 或 JavaScript，請上傳整個資料夾，將 index.html 放在最上層並保留相對路徑。

HTML、CSS 及瀏覽器 JavaScript 的內容都能被其他人讀取。發布前請移除私人 API 金鑰、高權限憑證、密碼及個人資料；AI 寫進程式碼的金鑰也不會自動受到保護。

靜態網頁可以在瀏覽器中顯示內容、計算及回應操作。共用資料儲存、使用者驗證或高權限操作則需要後端。localhost 指向訪客自己的電腦；外部 API 必須支援 HTTPS 並透過 CORS 允許網頁來源。Plopino 只託管靜態前端，不會代替你部署本機伺服器或資料庫。

2. 先試用可操作的範例

Gradient Studio 是完整的單檔互動範例。你可以調整色彩與角度、查看 HTML、下載或編輯副本。預覽和下載不會發布任何內容；確認後再選擇發布，先熟悉「編輯 → 預覽 → 發布」的流程。

3. 發布並分享連結

1. 選擇 HTML、ZIP 或整個專案資料夾。
2. 上傳完成後開啟產生的連結，並在手機上檢查。
3. 把連結貼到郵件、聊天或文件，對方即可在瀏覽器開啟。

缺少圖片或樣式時，先檢查資料夾及相對路徑，不要只重複上傳同一份 HTML。若互動功能依賴本機伺服器，請先完成可公開存取的後端設定。

修改內容，沿用同一個連結

匿名上傳的內容公開可見，保留 30 天。需要長期保留或持續修改時，發布後儲存到帳號。之後到「我的展板」上傳新版本，原連結保持不變。這適合持續修改的 AI 網頁、作品集或提案。

請勿將機密資料放入匿名公開網頁。無論使用哪種上傳方式，都應先移除秘密資訊並確認分享範圍。

常見問題

• 對方看到程式碼：請以 text/html 網頁方式發布，分享產生的網址，而非轉寄附件。
• 本機正常、發布後圖片不見：請包含所有引用檔案，保留目錄結構，避免只有自己電腦才有的絕對路徑。
• 能開啟卻無法讀寫資料：檢查瀏覽器主控台中的 localhost、API 錯誤、CORS 及 HTTP/HTTPS 混合內容。