11ty vs Hugo vs Astro 怎麼選？靜態站產生器決策指南
已決定離開 WordPress、要走靜態站，卻卡在 Hugo、Eleventy（11ty）、Astro？用 60 秒決策表、規格比較與內容網站情境，幫你選對框架再部署上線。
最新文章
靜態站 Dark / Light Mode 怎麼做？本站實作拆解
34 分鐘閱讀
靜態網站
技術部落格怎麼留住讀者？版面、選單與頁面的設計筆記
技術筆記站的留存率不靠更多動畫，而靠讓讀者找到下一篇有用的文章。這篇整理選單、首頁、文章卡、文章頁與分類頁的常見做法與取捨。
WordPress vs Eleventy：我為什麼把部落格遷到 11ty
一人維護的技術部落格，為什麼從 WordPress 搬到 11ty？分享我實際踩過的維護、效能、安全痛點，以及遷完之後真正變簡單與變麻煩的地方。
架站與效能
靜態站 Dark / Light Mode 怎麼做？本站實作拆解
Eleventy／純 HTML 靜態站怎麼做深淺色？CSS 變數、data-theme、防閃爍，再加上切主題時的過場，並對照本站做法。
PageSpeed Insights 與 Core Web Vitals 完全指南
解讀 PSI 實地數據與 Lighthouse 差異、LCP/INP/CLS 門檻、WordPress 優化 Checklist，取代已過時的 FID 指標
我如何用 PageSpeed Insights 優化 11ty 網站：為什麼比 WordPress 更容易直接修
分享我如何依照 PageSpeed Insights 的診斷，逐項改善 11ty 網站的圖片、LCP、CLS、第三方腳本與模板，並附上可直接複製的 AI 提示詞與審核清單。
前端開發
靜態站 Dark / Light Mode 怎麼做？本站實作拆解
Eleventy／純 HTML 靜態站怎麼做深淺色？CSS 變數、data-theme、防閃爍，再加上切主題時的過場，並對照本站做法。
Pagefind 教學：如何為 Eleventy 靜態網站加入純前端搜尋
用 Pagefind 為 Eleventy 靜態網站加入站內搜尋：從建立索引、整合搜尋元件，到繁體中文搜尋與部署驗收，一次完成設定。
TypeScript 入門 5 分鐘：零基礎快速上手指南
TypeScript 完整入門指南：5 分鐘快速上手、類型系統、實戰範例
隱私安全
Proton Unlimited 全產品與功能介紹：六合一隱私全家桶值得買嗎？
搜 Proton Unlimited 只看到一堆功能名？本文用情境表拆解 Mail、Calendar、Drive、Pass、VPN、Wallet 各自解決什麼、什麼時候該開哪個 App，並對照 2026 官方價格與決策表，幫你判斷該買全家桶還是單買 Plus。
Proton Pass 值得用嗎？免費版、Plus 與 Unlimited 怎麼選
Chrome 記密碼很方便，但整座金庫綁在 Google 帳號底下。Proton Pass 免費版已有無限密碼、Passkey 與 10 個信箱別名；本文用決策表幫你判斷何時該升級 Plus 或 Unlimited。
Proton VPN 付費版評價：VPN Plus 值得訂閱嗎？
已用過 Proton 免費版、正在考慮升級？本文從速度、串流、隱私證據、價格與競品比較，幫你判斷 VPN Plus 付費版是否值得花錢，附決策表與訂閱前檢查清單。
AI 輔助開發
Oh My Pi（omp）是什麼？終端機 AI Coding Agent 入門介紹
分不清 Oh My Pi、omp 跟 omp.sh？這篇用白話講清它跟上游 Pi、Cursor 的差異，三大特色、安裝第一步，以及什麼情境值得試。
為什麼要發明 Pi？從作者角度理解 Pi vs Claude Code 該怎麼選
Claude Code 變複雜、上下文不透明時，Pi 作者為何重做極簡 Coding Agent？用設計動機與決策表，幫你判斷該選可控的 Pi，還是整合完整的 Claude Code。
Pi Coding Agent 完整指南：極簡終端 AI 程式助手入門與實戰工作流
厭倦沉重 AI 工具？Pi Coding Agent 用四個工具 + 可擴充設計，讓終端 AI 融入你的既有流程。含安裝、上下文工程、套件選型與 Cursor 分工決策表。
PHP 開發
PHP 架站全指南：開發者必知的 5 個核心概念
什麼是 PHP？2026 市占、vs Node.js／Python、PHP 8.5 新特性、本機環境與學習路徑一次搞懂
PHP 新手入門：10 個實戰練習題快速上手
PHP 零基礎快速上手：10 個實用練習、常見錯誤、進階資源推薦
SOLID 原則 PHP 實戰：設計模式對照指南
SOLID 五大原則詳解、vs Factory/Singleton 模式對比、實戰範例
Mac 與開發工具
Mac 開發者必裝工具清單：精選 20+
Mac 生產力與開發工具推薦：終端機、視窗管理、剪貼簿、效率提升必備
Homebrew 完全教學：Mac 套件管理與 curl／MacPorts 對比
Homebrew 安裝、PATH 設定、常用指令、vs curl／MacPorts 對比、2026 推薦套件與常見問題
Warp 終端機教學：10 倍加速你的命令行工作流
Warp 終端機完全指南：安裝、設置、快捷鍵、與 Git 整合、提升開發效率
