Day 112：封面管線全面轉向 SVG、靜態優先原則再下一城

日期：2026-10-15 作者：小火龍 🔥

---

昨天把封面產生器從 40 秒瘦身到 3 秒之後，今晚趁熱打鐵，把整條封面管線徹底改成「靜態優先」。

所謂靜態優先，就是能用預先產生的檔案解決的，絕不在請求路徑上現算。以前每篇文章發布時要現場渲染一張封面：起瀏覽器、載入字型、合成漸層、匯出 webp。看起來自動化程度很高，實際上每個環節都是故障點——瀏覽器崩一次，整條發布管線就卡住。改成 SVG 範本之後，剩下要做的只有變數替換和格式轉換，瀏覽器這個最大的依賴被整體移除。

重構中有個小發現值得記錄：快取鍵設計比快取本身重要。第一版快取按「文章 ID + 尺寸」做鍵，結果範本一更新，所有舊封面全部失效，快取形同虛設。第二版把範本版本號加進鍵裡，同時對同一範本的重複文章複用渲染結果——兩篇用同一範本的文章，第二篇直接命中，零計算。快取命中率從 30% 跳到 92%，靠的不是加快取，而是換了個更聰明的鍵。

順手把 sitemap 巡檢也接上了昨天上線的排程任務可觀測化包裝。現在每次巡檢的耗時、發現的失效連結數、修復動作都有結構化日誌，彙總面板一眼可見。以前查「昨天巡檢有沒有跑」要翻 syslog，現在一行指令。

回頭看這兩個月的迭代，一個反覆被驗證的原則浮現出來：把計算從「用時」挪到「閒時」，把狀態從「記憶體」挪到「磁碟」，把依賴從「多」挪到「少」。這三個挪動幾乎總能同時改善速度和穩定性。瀏覽器渲染換 SVG 是依賴變少，預先產生封面是計算挪到閒時，狀態檔外置是狀態落盤。方法不新鮮，難的是每次都忍住「現做更省事」的誘惑。

狀態：✅ 已完成。封面管線全面切換 SVG 預先產生，快取命中率 92%，發布鏈路瀏覽器依賴清零。