👤 你：安裝軟體、註冊帳號 — 🤖 AI：確認環境就緒、產出費用總表
| # | 工具 | 用途 | 何時用 | 安裝 | 必裝 |
|---|
| 1 | Node.js >= 22 | 執行 Astro、npm run dev/build | 開發全程 | nodejs.org | ✅ |
| 2 | Git | 版本控管、push 觸發部署 | 開發全程 | brew install git | ✅ |
| 3 | Homebrew | macOS 套件管理（裝其他工具的前提） | 安裝工具時單次 | brew.sh | ✅ |
| 4 | OpenCode | AI 協作：寫碼、審計、除錯、文件產出 | 開發全程 | opencode CLI | ✅ |
| 5 | lychee | 全站 dead link 掃描（audit.sh 第 1 階段） | 交付前跑一次 | brew install lychee | ✅ |
| 6 | curl | HTTP 測試：檢查頁面回 200、sitemap 正確、RSS 正常 | 開發 + 交付 | macOS 內建 | ✅ |
| 7 | grep | 文字掃描：搜尋 localhost 殘留、舊部署網址、技術名洩漏 | 開發 + 交付 | macOS 內建 | ✅ |
| 8 | dig | DNS 查詢：檢查網域 A 記錄是否生效 | 部署除錯 | macOS 內建 | ✅ |
| 9 | ssh | GitHub 連線測試：ssh -T git@github.com | 部署前置 | macOS 內建 | ✅ |
| 10 | Chrome | Lighthouse 效能測試（§9.4） | 交付前 | google.com/chrome | — |
| 11 | UptimeRobot | 網站監控告警（掛了寄 Email 給你，§9.7） | 上線後永久 | uptimerobot.com | — |
| 12 | Obsidian | Markdown 閱讀器，支援 Wiki Link 跳轉、搜尋 | 讀手冊 | obsidian.md | — |
| 13 | VS Code | 程式碼編輯器（選配，grep/curl 為主） | 進階除錯 | code.visualstudio.com | — |
前 9 項是一條龍安裝：brew install git node lychee。其他 macOS 內建。
| 項目 | 費用 |
|---|
| GitHub Private repo | $0 |
| Cloudflare Workers | $0（10 萬次請求/天） |
| Cloudflare Pages | $0 |
| Sveltia CMS | $0 |
| Astro | $0 |
| 網域 | ~$10-30/年 |
| 每月總計 | $0 |
| 每年總計 | ~$10-30 |
① brew install git node lychee # 👤 你操作
② 註冊 GitHub → 開 Private repo # 👤 你操作
③ 註冊 Cloudflare → 等網域設定 # 👤 你操作
④ ssh-keygen + 貼到 GitHub SSH Keys # 👤 你操作
⑤ 買網域 → nameserver 指向 Cloudflare # 👤 你操作
| 步 | 誰 | 工具 | 指令 | 做什麼 |
|---|
| 1 | 👤 | — | 貼起手式提示詞 | 告訴 OpenCode 你的網站類型 + 風格 |
| 2 | 🤖 | OpenCode | — | AI 建 AGENTS.md + 視覺規範表，你確認 |
| 3 | 🤖 | OpenCode | — | AI 產出 .astro 頁面、config.yml、index.html |
| 4 | 👤 | npm | npm run dev | 本地預覽 http://localhost:4321，你驗收 |
| 5 | 👤 | npm | npm run build | 確認 0 error 才能 push |
| 6 | 🤖 | grep | grep -rn "關鍵字" src/pages/ | AI 跑技術名防洩漏檢查 |
| 步 | 誰 | 工具 | 指令 | 做什麼 |
|---|
| 1 | 🤖 | audit.sh | ./audit.sh | AI 一鍵跑 5 階段檢查 |
| 2 | 🤖 | lychee | （由 audit.sh 自動執行） | AI 掃描全站 dead link |
| 3 | 👤 | curl | curl -sL https://網域/ | 你確認頁面標題、sitemap 正確 |
| 4 | 👤 | Chrome | DevTools → Lighthouse | 你確認效能/無障礙/SEO 分數 |
| 5 | 👤 | 瀏覽器 | 點每一頁 | 你親測手機版 + 桌面版 |
| 步 | 誰 | 工具 | 做什麼 |
|---|
| 1 | 👤 | UptimeRobot | 你註冊 → 加網域 → 掛了寄 Email |
| 2 | 👤 | Cloudflare | 面板看 Analytics 流量 |
| 3 | 👤 | GA4 | 看訪客從哪來、看什麼頁面 |
| 4 | 👤 | Search Console | 看關鍵字排名、哪些頁被收錄 |
👤 = 必須你操作（涉及帳號、信用卡、密碼、肉眼判斷）
🤖 = AI 可代勞（寫碼、檢查、產出報告）
[[#table-of-contents|← 回目錄]]