(待命名 — 等 lede 拍板再寫)
0. lede(hook)
(待 Erica 從 3 個候選挑一個再展開)
1. 為什麼開這個站
寫不進 attention.com.tw 的東西很多 — 行業反思、一人公司的決策、AI 改變我每一天的細節、看了什麼書。公司站要中性可信、這些放公司站不對。
2. 為什麼不是 WordPress
attention.com.tw 是 WP、跑了 11 年、清快取每天清。robbiechang.com 換路:Astro 6 SSG、Cloudflare Pages、零外掛、零資料庫、零 PHP。做 SEO 的我選 SSG、技術 SEO 我能 100% control。
3. 工具堆疊
- Astro 6:SSG、build 出純 HTML、CDN edge 直送
- Cloudflare Pages:免費 host、global edge、HTTPS / CI 內建
- Cloudflare Registrar:robbiechang.com $9.77/yr at-cost
- Claude Code:主寫程式、我看著它跑、半小時抽一次菸(隱喻、實際我不抽)
- 私 GitHub repo:版本控制、一人也守
4. 過程紀實
(每段一句概念、等展開)
- 4.1 開新專案:
npm create astro@latest、basic blog template - 4.2 改色:紙底 #FAFAF8 + 酒紅 #B0003A、Noto Serif/Sans TC + JetBrains Mono、editorial 風
- 4.3 寫 layout:刪 placeholder、寫自己的 minimalist editorial
- 4.4 連 GitHub:private repo、PAT 一次設好、不再 prompt
- 4.5 連 Cloudflare Pages:repo connect、auto deploy
- 4.6 域名:robbiechang.com 從 CF Registrar 買、DNS 接 Pages
5. 踩坑紀實
(每段一句、等展開)
- 5.1 Astro 跟 Node 版本綁死:v22.12+、PATH conflict 卡 build check(我 4090 兩個 node 版本)
- 5.2 預設 placeholder 把網站變廉價、必須先全清才有開站感
- 5.3 BaseHead.astro 的 fallback image 引用要拿掉、不然 build error
- 5.4 中英文 meta(about / posts)翻譯 vs 維持 minimalist mono 風的取捨
6. SEO baseline
(待測量)
- Lighthouse 預期 100/100/100/100(純 SSG、零 JS bundle)
- Core Web Vitals 預期 4 指標 default 在 green
- 結構化資料 schema.org 100% 自寫、不靠 plugin 自動偵測
- IndexNow 之後接
7. 反思:什麼該 AI 做、什麼該人做
(待展開)
- AI 主寫:boilerplate / config / styling / build 設定
- 人主導:voice / layout 決策 / 取捨什麼放上首頁 / 文字品味
- 中間:debugging(AI 找 bug 快、但我得理解才能下次自己抓)
8. 結尾:預告 90 天系列
(轉場到 attention 90 天實驗)
下一篇起、我會同步寫一個系列:注意力 90 天實驗。從 2026 年某日起、把公司站 attention.com.tw 的 SEO/GEO 操作公開記錄、每兩週更新進度。為什麼公開?因為遮著反而沒人信。實驗會犯錯、但寫出來。