Tailscale 開了，手機還是連不上本機 dev server：問題不在 DNS
2026年7月25日
手機已連上 Tailscale，卻打不開 Mac 上的本機網站？這次實測發現，關鍵通常不是 DNS，而是 dev server 是否監聽所有網卡。
Astro Blog 圖片燈箱：從查 lightbox 套件到包成 figure/figcaption
2026年7月14日
昨天插圖才發現 Astro blog 沒有內建圖片燈箱。我從候選套件、GitHub stars 與官網 demo 開始比較，最後選了支援手指縮放的方案，並把圖片說明文字整理成可維護的 figure/figcaption 結構。
Blog 設計語言：從 AI Desktop 借來的 Layout
2026年6月22日
Blog 的 layout 從開始就決定了：跟 Claude、ChatGPT、Cursor 長一樣。不是巧合，是刻意的——既然內容是 AI cowork 記錄，形式本身就應該呼應這件事。
OG Image：設計思路與 Build-time 生成
2026年6月22日
LINE 分享截圖有圖才驚覺 OG image 必做。從規格研究、設計工具、safe zone 思路，到 Canvas API 踩的三個坑——build-time 自動生成的完整過程。
Blog 個人識別層：從 favicon 到 AuthorCard 到 About 頁
2026年6月22日
搭建個人識別系統，從 favicon 延伸 AuthorCard 再到 About 頁。AI 生成圖選圖、About 文案怎麼寫，還有 iOS Safari 的 100dvh bug 一次說完。
讀起來更舒服：Dark Mode 切完，才發現 Code Block 沒跟上
2026年6月22日
Dark Mode 切好了，但 code block 還是黑的。從 CSS class-based 架構、防閃爍 FOUC，到換掉手刻 code block——讓整個 blog 讀起來真正舒服。
為什麼選 Astro 來架 Blog
2026年6月20日
從框架選擇表到孤島架構、Vue 式語法、CSS scoping，一篇說清楚我為什麼不選 Next.js 的文章。