用 Vercel Web Analytics 為熱門文章加上標記 — 在建置時解析,仍以靜態 HTML 出貨
這個 Astro 部落格如何標記最多人讀的文章:建置期間向 Vercel Web Analytics 查詢一次,合計三個語系,再烘進靜態 HTML。
這個 Astro 部落格如何標記最多人讀的文章:建置期間向 Vercel Web Analytics 查詢一次,合計三個語系,再烘進靜態 HTML。
為完全靜態的 Astro 網站加上共用的喜歡計數:只多一條非預先渲染的路由、Upstash Redis 的鍵設計,以及為了驗證它而付出的 CI 錯誤。
在 Astro 中 width:100% 為何讓 256px 的螢幕截圖變糊,以及原生對話框如何讓每張圖表在手機上都讀得清楚。修正這個設計的是七次計測。
Pagefind 每次建置都警告日文與中文缺少詞幹還原。真正的缺陷在別處:查詢端與索引端的斷詞器不一致,回傳了錯誤的頁面。
在 Astro 中用 Intent URL 組出分享按鈕:每個語系有各自的分享目標、寬螢幕上的固定圖示側欄,以及過程中發現的端點變動。
為 Astro 部落格的目錄加上跟隨讀者的捲動、跨層級共用的軌線,以及在手機上悄悄吃掉 max-height 的 ::details-content 虛擬元素。
在 Astro 7 導入 Expressive Code 的紀錄:檔名分頁、依主題調整的檔案圖示、Sätteri 處理器的陷阱,以及被 Shiki 當成語言名稱的 97 個程式碼圍籬。
這個部落格為什麼沒有 CMS:由圖片決定的目錄結構、選擇 MDX 而非 Markdown 的判斷,以及取代外鍵的標籤登錄表。