靜態站 Dark / Light Mode 怎麼做？本站實作拆解
Eleventy／純 HTML 靜態站怎麼做深淺色？CSS 變數、data-theme、防閃爍，再加上切主題時的過場，並對照本站做法。
所有文章
Oh My Pi（omp）是什麼？終端機 AI Coding Agent 入門介紹
分不清 Oh My Pi、omp 跟 omp.sh？這篇用白話講清它跟上游 Pi、Cursor 的差異，三大特色、安裝第一步，以及什麼情境值得試。
11ty vs Hugo vs Astro 怎麼選？靜態站產生器決策指南
已決定離開 WordPress、要走靜態站，卻卡在 Hugo、Eleventy（11ty）、Astro？用 60 秒決策表、規格比較與內容網站情境，幫你選對框架再部署上線。
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。
技術部落格怎麼留住讀者？版面、選單與頁面的設計筆記
技術筆記站的留存率不靠更多動畫，而靠讓讀者找到下一篇有用的文章。這篇整理選單、首頁、文章卡、文章頁與分類頁的常見做法與取捨。
VPN 跟 HTTPS 差在哪？兩者的保護範圍怎麼比？
HTTPS 由網站與瀏覽器自動協商，不是使用者另外開啟的功能；VPN 才是可選工具。本文比較兩者的保護範圍與限制，並說明公共 Wi-Fi 上為何建議搭配 VPN。
Proton VPN 付費版評價：VPN Plus 值得訂閱嗎？
已用過 Proton 免費版、正在考慮升級？本文從速度、串流、隱私證據、價格與競品比較，幫你判斷 VPN Plus 付費版是否值得花錢，附決策表與訂閱前檢查清單。
為什麼要發明 Pi？從作者角度理解 Pi vs Claude Code 該怎麼選
Claude Code 變複雜、上下文不透明時，Pi 作者為何重做極簡 Coding Agent？用設計動機與決策表，幫你判斷該選可控的 Pi，還是整合完整的 Claude Code。
我如何用 PageSpeed Insights 優化 11ty 網站：為什麼比 WordPress 更容易直接修
分享我如何依照 PageSpeed Insights 的診斷，逐項改善 11ty 網站的圖片、LCP、CLS、第三方腳本與模板，並附上可直接複製的 AI 提示詞與審核清單。
Pagefind 教學：如何為 Eleventy 靜態網站加入純前端搜尋
用 Pagefind 為 Eleventy 靜態網站加入站內搜尋：從建立索引、整合搜尋元件，到繁體中文搜尋與部署驗收，一次完成設定。
11ty 與 Hostinger 快取怎麼設定？從 .htaccess 到更新驗收
用 11ty 建站後，如何在 Hostinger 設定 HTML、CSS、JavaScript、圖片與 Pagefind 快取？本文用 .htaccess、hPanel 和 curl 帶你完成設定與排錯。
