Netlify 部署指南

簡介

Netlify 是一個免費的靜態網站託管服務，功能跟 GitHub Pages 類似，但最大的差別是：URL 不會暴露你的 GitHub 帳號名稱。

你只要把 HTML/CSS/JS 檔案推到 GitHub repo，Netlify 就會自動幫你部署成一個公開網站。

• URL 格式乾淨 — 產生的網址是 xxx.netlify.app，看不到你的 GitHub 帳號名稱
• 支援自訂域名 — 可以綁自己買的域名，例如 reports.example.com
• 自動部署 — 連結 GitHub repo 後，每次 git push 就自動更新網站
• 免費 HTTPS — 自動取得 SSL 憑證，網址前面有鎖頭
• 部署預覽 — 每個 Pull Request 都會產生一個預覽網址，方便檢查

Step 1：註冊 Netlify

前往 netlify.com，點擊 Sign up。

可以直接用 GitHub 帳號登入，不需要額外註冊帳號密碼。

Step 2：新增網站

登入後，在 Dashboard 點擊 "Add new site" → 選擇 "Import an existing project"。

這表示你要從已有的 GitHub repo 匯入。

Step 3：連結 GitHub

選擇 GitHub 作為 Git provider → 授權 Netlify 存取你的 GitHub → 從列表中選擇你的 repo（例如 research-reports）。

Step 4：Build settings

因為我們是純靜態 HTML，不需要設定 build command。保持預設即可：

• Build command：留空
• Publish directory：留空（或填 .）

Step 5：部署

點擊 "Deploy" 按鈕，等幾秒鐘，網站就上線了。

Netlify 會自動幫你處理 DNS、SSL 等設定。

Step 6：取得網址

部署完成後，你會拿到一個格式為 random-name-12345.netlify.app 的網址。

這個網址馬上就能用，任何人都可以存取。

Step 7（可選）：改名

預設的網址是隨機名稱，如果想改成好記的名字：

1. 進入 Site settings
2. 找到 "Change site name"
3. 改成你想要的名字，例如 kunhang-reports.netlify.app

如果不想用 .netlify.app 結尾，可以綁自己的域名。

步驟

1. 買域名 — 到域名註冊商購買，常見選擇：Namecheap、GoDaddy、Gandi 等
2. 在 Netlify 加入域名 — 進入 Site settings → Domain management → Add custom domain
3. 設定 DNS — 到你的域名註冊商，新增一筆 CNAME 記錄，指向你的 Netlify 網址
4. 等待生效 — DNS 設定通常幾分鐘到幾小時生效
5. 自動 HTTPS — Netlify 會自動幫你取得 Let's Encrypt SSL 憑證，不需要額外設定