部落格
2026 年 7 月 8 日
接案工程師的 SEO 與 GEO 筆記：讓 Google 與 AI 都找得到你
SEO 讓人在 Google 搜尋到你，GEO（Generative Engine Optimization）讓 ChatGPT、Perplexity 這類 AI 在回答「推薦一個工程師」時直接引用你。兩者怎麼分工、實際該做什麼，用這個網站自己補的功課當案例。
2026 年 7 月 4 日
用 Claude Fable 的心得
這個部落格系統、龍模型的動畫串接、甚至這篇文章本身，很多都是跟 Claude Fable 邊聊邊做出來的。記一下實際用下來的感受。
2026 年 1 月 12 日
Next.js 靜態匯出實戰：一份程式碼同時部署 GitHub Pages 與 Vercel
把 Next.js 15 App Router 專案用 output: "export" 做純靜態匯出，同一個 repo 推上去就同時發布到 GitHub Pages 與 Vercel——以及過程中踩到的雷。
2025 年 12 月 8 日
用 React Three Fiber 在網頁放一條 3D 龍：效能與行動裝置的取捨
網站 hero 背景那條會飛的龍是怎麼做的——GLB 模型從 32MB 壓到 1.8MB、動畫路徑、prefers-reduced-motion，以及在手機上不卡的關鍵。
2025 年 11 月 3 日
接案前該想清楚的事：Landing Page 與企業官網的規劃差異
很多客戶一開口就是「做個官網」，但你真正需要的可能只是一頁。從目標、內容、預算到後續維護，談談兩種專案規劃上的本質差異。
2025 年 10 月 6 日
收不到訊號也要能用：PWA 離線優先設計的實戰筆記
替台灣步道守護網開發回報系統的經驗：山上沒有網路，PWA 的離線優先架構讓使用者照樣瀏覽、照樣回報，回到訊號區再同步。
2025 年 9 月 15 日
網站效能優化 checklist：從 Core Web Vitals 出發
LCP、CLS、INP 三個指標各自在量什麼、為什麼 Google 把它們算進搜尋排名，以及我每次優化案子都會過一遍的實務清單。
2025 年 8 月 20 日
深色、淺色一套搞定：用 CSS 變數驅動網站配色
不寫兩套樣式、不用 JavaScript 切換——把配色抽成 CSS 變數，配合 prefers-color-scheme 讓深淺色自動跟隨系統，本站就是這樣做的。