Astro 的 Service Worker 讓新文章需要在下一次造訪時才會出現 — 將列表頁改成網路優先
Astro 的 Service Worker 把每一次導覽都先用快取回應，新文章因此需要在下一次造訪時才會出現。列表頁現在會先問網路。
所有文章
用 Service Worker 讓 Astro 部落格讀過的文章離線也打得開 — 205KB 的 shell 與 50 頁上限
為 Astro 部落格打造的 Service Worker：預先快取 205KB 的全站 CSS 與 JS，讀過的文章最多保留 50 篇，各篇的圖表樣式則等打開那篇文章時才快取。
轉載換到更多讀者，同時讓自己的版本保持為主 — rel=canonical 與全文 RSS
反向連結與 rel=canonical 到底在做什麼、為什麼 Zenn 和 Qiita 會改變做法，以及讓轉載一篇文章從工程變成貼上的那條流程。
讓 Google 與 ChatGPT 找得到這個部落格 — robots.txt、JSON-LD、純文字版本與 IndexNow
這個 Astro 部落格如何進入 Google 與 Bing：逐一列出 AI 爬蟲的 robots.txt、放在 head 的 JSON-LD、每篇文章的 純文字版本，以及每次部署都送出的 IndexNow。
Dependabot 的最小發布經過天數與自動合併 — 私有 repo 裡的陷阱
私有 repo 的相依關係圖預設關閉，所以 Dependabot 一個 npm PR 都沒開，而自動合併的 workflow 在 CI 完成前 45 秒就合併了。
用 Vercel Web Analytics 為熱門文章加上標記 — 在建置時解析，仍以靜態 HTML 提供
這個 Astro 部落格如何標記最多人讀的文章：建置期間向 Vercel Web Analytics 查詢一次，合計三個語系，再烘進靜態 HTML。
用 CLAUDE_PROJECT_DIR 把詞彙表移出 Claude Code skill — 寫入 .claude/ 為何一律要核准
Claude Code 把 .claude/ 視為受保護路徑，允許規則無法事先核准那裡的寫入。這篇記錄如何用 CLAUDE_PROJECT_DIR 把會被改寫的詞彙表移出去。
Chrome DevTools MCP 與 Playwright MCP 有何不同 — 我為什麼在 Astro 部落格選了 Chrome DevTools
Chrome DevTools MCP 與 Playwright MCP 交給編碼 AI 代理的東西並不相同。各自提供什麼，以及一個 Astro 部落格為何留下其中一個、拒絕另一個。
在靜態的 Astro 部落格上統計「喜歡」 — 一條 Vercel 路由與 Upstash Redis
為完全靜態的 Astro 網站加上共用的喜歡計數：只多一條非預先渲染的路由、Upstash Redis 的 key 設計，以及為了驗證它而付出的 CI 錯誤。
在捕獲階段攔下 Pagefind 的 Enter，修好日文搜尋 — 為什麼只靠 isComposing 不夠
輸入法組字還沒結束，Pagefind 就把頁面帶走了。isComposing 是必要條件但不充分：WebKit 會在 keydown 之前先觸發 compositionend。
讓 Astro 的圖表依自己的尺寸繪製、點一下就能放大 — 原始寬度、原生對話框與 @2x
在 Astro 中 width:100% 為何讓 256px 的螢幕截圖變糊，以及原生對話框如何讓每張圖表在手機上都讀得清楚。修正這個設計的是七次計測。
Pagefind 的詞幹還原警告是假線索 — 讓日文複合詞搜尋失效的是斷詞不一致
Pagefind 每次建置都警告日文與中文缺少詞幹還原。真正的缺陷在別處：查詢端與索引端的斷詞器不一致，回傳了錯誤的頁面。