網站部署上線：
免費託管，拿到自己的網址

託管服務就是「幫你把檔案放在網路上的電腦，並給你一個網址」。不管用哪一家，上傳前都要把資料夾整理好。

Claude 產生的 HTML／CSS／JS、你自己寫的網頁，都是靜態網站：伺服器只要把檔案原封不動送給瀏覽器就好，不需要資料庫或後端程式。這種網站放在免費託管服務上剛剛好，而且速度很快。

site/                # ← 上傳「這一層」
├── index.html       # 首頁，一定叫 index.html
├── trips.html
├── booking.html
├── css/
│   └── style.css
├── js/
│   └── main.js
└── images/
    ├── hero.webp
    └── trip-01.jpg

my-project/
└── site/
    └── Index.HTML     # 大寫、又多包一層
images/Trip 01.JPG     # 空格＋大寫
C:\Users\me\hero.jpg  # 程式裡寫了自己電腦的路徑
設計稿.psd             # 原始檔不用上傳

三家都能給你一個公開網址，差別在上傳方式與免費額度。

註冊時建議用學校信箱；登入後的後台連結才會直接進到你的帳號。Figma Make 做的網站不必另外註冊，用 Make 右上角 Publish 即可。

最直覺的方式：在後台建立 Pages 專案，把資料夾拖進去，按 Deploy，就有 xxx.pages.dev 網址。

1. 一個可以收信的 Email（用學校信箱或個人信箱都可以），先到 Cloudflare 註冊頁 建立帳號。
2. 整理好的網站資料夾（通過 1-3 的檢查），或把它壓成 ZIP。
3. 想好專案名稱：英文小寫、數字、連字號，會變成網址的一部分。

輸入你的專案名稱，下方模擬畫面會跟著換：

官方說明：Pages 直接上傳、Pages limits

1. 用無痕視窗打開網址，確認不是因為你的電腦有快取才看起來正常。
2. 用手機打開一次，點過每個頁面與按鈕。
3. 把網址貼到 UNIT 12 檢核清單與 期末作業區。

Wrangler 是 Cloudflare 官方的指令工具。設定一次之後，每次更新網站只要在終端機打一行指令。

1. 到 nodejs.org 下載 LTS 版本並安裝（一路按下一步）。
2. 打開終端機：Mac 按 ⌘ Space 搜尋「終端機（Terminal）」；Windows 按開始鍵搜尋「PowerShell」。
3. 輸入 node -v 按 Enter，看到 v20 以上的版本號就成功了。

$ npx wrangler login
（瀏覽器打開 Cloudflare 授權頁 → 按 Allow）
Successfully logged in.

$ npx wrangler pages project create island-new-wave --production-branch main
✨ Successfully created the 'island-new-wave' project.

$ npx wrangler pages deploy ./site --project-name island-new-wave
Uploading... (18/18)
✨ Success! Uploaded 18 files
✨ Deployment complete! Take a peek over at https://xxxxxxxx.island-new-wave.pages.dev

最後一行的網址前面多了一串亂碼，那是這一次部署的專屬網址；正式網址是 https://island-new-wave.pages.dev，兩個都打得開。實際文字依 Wrangler 版本略有不同。

$ npx wrangler deploy --assets ./site --name island-new-wave --compatibility-date 2026-10-01
# 網址會是 island-new-wave.你的帳號子網域.workers.dev

官方說明：Wrangler Pages 指令、Workers Static Assets

已經會用 GitHub、或想把程式碼一起公開當作品集的人適合。

1. 到 github.com 註冊並登入。
2. 右上角 ＋ → New repository（或直接開 github.com/new）：名稱用英文（例如 island-new-wave），選 Public，按 Create repository。
3. 在新儲存庫頁面點 uploading an existing file（或 Add file → Upload files），把資料夾裡面的所有檔案與子資料夾拖進去（不是拖外層資料夾本身），按 Commit changes。
4. 到儲存庫的 Settings → 左側 Pages（在 Code and automation 區）。
5. Source 選 Deploy from a branch；Branch 選 main、資料夾選 / (root)，按 Save。
6. 等 1–2 分鐘重新整理，上方會出現 https://你的帳號.github.io/island-new-wave/，點開確認。
7. 之後要更新：再到儲存庫上傳同名檔案覆蓋，Commit 後等一兩分鐘就會更新。

官方說明：Configuring a publishing source、GitHub Pages limits

操作最簡單，適合短期展示；免費額度比較緊。

1. 到 app.netlify.com 註冊並登入（建議先登入再上傳，網站才會留在你的帳號裡）。
2. 打開 Netlify Drop（app.netlify.com/drop，或在後台 Sites 頁面找拖曳上傳區）。
3. 把網站資料夾拖進虛線框，幾秒後得到 隨機名稱.netlify.app。
4. 到 Site configuration → Change site name，改成好記的名字。
5. 之後要更新：在網站的 Deploys 頁面再拖一次整個資料夾。

官方說明：Netlify Docs、Netlify Drop

部署不是最後一天才做的事：W15 就先上傳一次（就算還沒做完），之後每次更新都重新部署，期末前才不會手忙腳亂。