FROM HTML TO LIVE SITE

網站做完了，
下一步是讓別人打得開。

課堂先用暫存網址完成分享；內容確認後，再升級成免費長期網址或自有網域。不要一開始就被 DNS、付款與帳號驗證卡住。

課堂最快

7 天暫存網址

單檔 HTML 上傳後立即分享，不需註冊。

課後長期

Cloudflare Pages

拖入網站資料夾，取得免費 pages.dev 網址。

正式品牌

自有網域

確認內容與名稱後，再購買並接上正式網址。

ROUTE A · 5 MIN

課堂上：上傳 HTML，立即取得網址

  1. 請 AI 輸出單檔 index.html把檔案放到桌面，先在瀏覽器打開確認。
  2. 檢查敏感資料不要放入客戶名單、個資、密碼、API Key 或公司機密。
  3. 開啟課堂暫存發布站前往 preview.yicheng.shengway.tw，上傳 HTML 並輸入老師提供的發布碼。
  4. 複製網址並用手機打開網址保留 7 天，適合預覽、分享與收集修改意見。
開啟暫存發布站
ROUTE B · AFTER CLASS

需要長期網址：用 Cloudflare Pages 拖放部署

  1. 整理網站資料夾根目錄要有 index.html；圖片、CSS 與 JavaScript 使用相對路徑。
  2. 使用 Google 登入 Cloudflare帳號選擇、驗證碼與授權請本人操作。
  3. 進入 Workers 和 Pages選擇建立應用程式，再選 Direct Upload／拖放檔案。
  4. 輸入專案名稱並上傳拖入網站資料夾或 ZIP，按下部署。
  5. 取得 pages.dev 網址用桌機、手機與無痕視窗各驗收一次。
Direct Upload 專案日後不能直接切換成 Git 自動部署。需要自動更新時，再建立新的 Git-integrated 專案。
ROUTE C · WHEN READY

什麼時候才需要買網域？

內容還在測試

先使用暫存網址或 pages.dev，確認文字、手機版、聯絡方式與品牌名稱。

→

品牌已經確認

再購買網域，從 Pages 專案的「自訂網域」完成 DNS 與 HTTPS 設定。

購買網域涉及付款、聯絡資料與 Email 驗證，請由網域持有人本人完成。

FINAL CHECK

不是有網址就算完成

  • 根目錄有 index.html
  • 沒有 file:/// 或本機路徑
  • 手機 390px 不跑版
  • 圖片與按鈕都能開啟
  • 沒有 API Key、密碼與個資
  • 正式網址使用 HTTPS
  • 標題、Logo 與聯絡資料正確
  • 用無痕視窗做最後驗收
GIVE THIS TO YOUR AI

下載「網站部署上線」Skill

安裝後，把網站資料夾交給自己的 Agent，它會先檢查，再依暫存、Pages 或自有網域路線帶你完成。

下載 Skill

官方參考：Pages Direct Upload · 自訂網域 · 購買網域