零成本建立網站（免費完整課）

一句話：用免費靜態託管（Cloudflare Pages／GitHub Pages／Vercel 免費方案）把 HTML 網站推上網，零伺服器費用。

1. 你會得到什麼

• 一個公開網址（例如 *.pages.dev 或 *.github.io）
• HTTPS、全球 CDN
• 改檔 → 重新部署 → 立即更新

本站 CyberAI Academy 即為靜態站思路。

2. 最小網站檔案

資料夾結構：

my-site/
  index.html
  styles.css
  (可選) about.html

index.html 範例：

<!DOCTYPE html>
<html lang="zh-Hant">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>我的網站</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <h1>你好，我是 ______</h1>
  <p>這是我的零成本網站。</p>
  <p>聯絡：<a href="mailto:psyche@mail.grokbot.com">psyche@mail.grokbot.com</a></p>
</body>
</html>

3. 用 Cloudflare Pages 上線（建議）

1. 註冊免費 Cloudflare 帳號。
2. Workers & Pages → Create → 上傳資料夾，或連接 Git 倉庫。
3. 建置設定：若是純靜態，建置命令留空，輸出目錄填專案根目錄（或 public）。
4. 部署完成後取得 https://專案名.pages.dev。
5. 之後改檔再部署即可更新。

或用 GitHub Pages

1. 把網站推到 GitHub 倉庫。
2. Settings → Pages → 選 branch（通常 main）／/root 或 /docs。
3. 數分鐘後開啟 https://使用者名.github.io/倉庫名/。

4. 上線檢查

• 手機開啟是否正常？
• 標題、描述（SEO）有沒有寫？
• 有沒有誤放密碼、金鑰、私隱資料？
• robots.txt／sitemap.xml（網站變大後再加）