(待命名 — 等 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 操作公開記錄、每兩週更新進度。為什麼公開?因為遮著反而沒人信。實驗會犯錯、但寫出來。