用 Expressive Code 外掛來標示指令輸出 — Gutter API 以及控制複製按鈕的複製內容
在 Astro 部落格用 Expressive Code 外掛來標示指令輸出：溝槽元素的 API、外掛的執行順序，以及改寫複製按鈕複製的內容。
Astro
在 Astro 與 Vercel 上手寫可自我驗證的 CSP — 官方的 security.csp 曾靜靜弄壞離線功能
Astro 官方的 security.csp 可能悄悄弄壞 Service Worker 註冊。一份手寫、由 CI 與真實瀏覽器共同驗證的 CSP，在 Astro 與 Vercel 上的實作紀錄。
用 Astro 讓循環影片可以暫停 — WCAG 2.2.2 淘汰 GIF，iOS 缺硬體解碼淘汰 VP9
GIF 沒有暫停 API，因此在 WCAG 2.2.2 下不合格。選擇檔案較大的 MP4 而非 VP9，是因為 iOS 沒有 VP9 硬體解碼器。內含編碼流程、守衛與測試記錄。
這個部落格的文章在桌面版讀起來太窄太小 — 照著 dev.to 調整後,順便抓出一個 CJK 行長 bug
Astro 文章頁面原本在 68ch/17px 下顯得又窄又小。依照 dev.to 的實測數字放大後,也順便修好了 ch 單位一直藏著的 CJK 行長 bug。
在 Astro 部落格用標籤重疊挑出相關文章 — IDF 加權與實測決定的門檻
如何在建置時用依標籤稀有度加權的重疊挑出相關文章、為什麼對內文做 TF-IDF 在三種語言下會失效，以及分數門檻是怎麼量出來的。
Service Worker 讓文章列表永遠慢一次造訪 — 只有列表頁改成先問網路
Astro 的 Service Worker 把每一次導覽都先用快取回應，新文章因此晚一次造訪才出現。列表頁現在會先問網路。
讓 Astro 部落格讀過的頁面也能離線閱讀 — Service Worker、50 頁上限、不設 TTL
量測結果決定了 Astro 部落格的 Service Worker 設計：預先快取 287KB 而不是 11.7MB 的 HTML，頁面上限 50 筆，而且不設過期時間。
轉載換到更多讀者，同時讓自己的版本保持為主 — rel=canonical 與全文 RSS
反向連結與 rel=canonical 到底在做什麼、為什麼 Zenn 和 Qiita 會改變做法，以及讓轉載一篇文章從工程變成貼上的那條流程。
讓 Astro 部落格被 Google 與 ChatGPT 找到 — robots.txt、JSON-LD 與 IndexNow
這個 Astro 部落格如何加上 robots.txt、JSON-LD、Markdown 複本與 IndexNow。Google 找不到它的原因不是網域，llms.txt 也不是解方。
用 Vercel Web Analytics 為熱門文章加上標記 — 在建置時解析，仍以靜態 HTML 出貨
這個 Astro 部落格如何標記最多人讀的文章：建置期間向 Vercel Web Analytics 查詢一次，合計三個語系，再烘進靜態 HTML。
在靜態的 Astro 部落格上統計「喜歡」 — 一條 Vercel 路由與 Upstash Redis
為完全靜態的 Astro 網站加上共用的喜歡計數：只多一條非預先渲染的路由、Upstash Redis 的鍵設計，以及為了驗證它而付出的 CI 錯誤。
讓 Astro 的圖表依自己的尺寸繪製、點一下就能放大 — 原始寬度、原生對話框與 @2x
在 Astro 中 width:100% 為何讓 256px 的螢幕截圖變糊，以及原生對話框如何讓每張圖表在手機上都讀得清楚。修正這個設計的是七次計測。
Pagefind 的詞幹還原警告是假線索 — 讓日文複合詞搜尋失效的是斷詞不一致
Pagefind 每次建置都警告日文與中文缺少詞幹還原。真正的缺陷在別處：查詢端與索引端的斷詞器不一致，回傳了錯誤的頁面。
在 Astro 中依語言決定分享按鈕的目標 — 桌機是固定側欄，行動裝置是具名按鈕
在 Astro 中用 Intent URL 組出分享按鈕：每個語系有各自的分享目標、寬螢幕上的固定圖示側欄，以及過程中發現的端點變動。
讓 Astro 目錄記住你讀到哪裡 — 捲動監看、共用軌線，以及手機上的 dvh
為 Astro 部落格的目錄加上跟隨讀者的捲動、跨層級共用的軌線，以及在手機上悄悄吃掉 max-height 的 ::details-content 虛擬元素。
在 Astro 部落格導入 Expressive Code — 檔名分頁、檔案圖示，以及 97 個讀不出來的程式碼圍籬
在 Astro 7 導入 Expressive Code 的紀錄：檔名分頁、依主題調整的檔案圖示、Sätteri 處理器的陷阱，以及被 Shiki 當成語言名稱的 97 個程式碼圍籬。
只用 Astro 內容集合經營部落格 — 捨棄 CMS、選擇 MDX，並用型別取代外鍵
這個部落格為什麼沒有 CMS：由圖片決定的目錄結構、選擇 MDX 而非 Markdown 的判斷，以及取代外鍵的標籤登錄表。