encodeURI vs encodeURIComponent：何時用哪個？
JavaScript 有兩個很像的 URL 編碼函式：encodeURI 保留網址結構，encodeURIComponent 把參數值包成安全字串。這篇用白話和範例說明差異、常見踩雷與實戰用法。
所有文章
Eleventy 怎麼顯示流程圖，Mermaid 的顯示和優化
在 Eleventy 文章中使用 Mermaid 不一定要讓每位讀者下載 Mermaid JavaScript。這篇示範用官方 CLI 在建置時匯出 SVG 或 PNG，再用圖片嵌入頁面，降低 Vite bundle 負擔並避免圖片載入時版面跳動。
什麼是 PHP？入門指南：用途、市占
PHP 是什麼、做什麼用、還值得學嗎？市占 70%+、vs Node.js／Python 對照表、PHP 8.5 新特性與學習路徑
TypeScript 入門教學：零基礎快速上手（tsc 安裝＋tsconfig 速查）
TypeScript 教學入門：tsc 安裝、tsconfig.json 設定、npx tsc 編譯與 ts-node 速查——macOS 零基礎 5 分鐘上手
文章目錄 TOC 怎麼做？11ty 的實作方式
TOC 目錄是什麼、對 SEO 有幫助嗎？原生 HTML 錨點、JS 動態、WordPress 外掛與 11ty [[toc]] 三種做法對照
Tab Manager Plus 教學：Chrome 分頁管理終極指南
分頁太多找不到？Tab Manager Plus vs Auto 功能對比、搜尋分頁、一鍵整理——Chrome 分頁管理完整教學
Statamic 教學：Flat-file CMS 入門 vs WordPress／11ty
Statamic 是什麼？安裝步驟、YAML 內容模型、vs WordPress／11ty 取捨——2026 檔案型 CMS 實戰指南
SOLID 原則 PHP 實戰：五大設計原則速查 + 設計模式對照
SOLID 五大原則 PHP 範例：SRP、OCP、LSP、ISP、DIP 速查表、vs Factory／Singleton 對照、常見 FAQ
PHP 類別與物件入門：Class／Object 語法筆記
PHP class 和 object 差別、屬性與方法、new 與 $this、封裝入門——OOP 基礎實戰範例
PHP try catch 教學：例外處理程式語法筆記
php try catch 語法速查、Exception vs Error 對照、自訂例外、PDO 實戰與常見錯誤排解——一篇搞懂 PHP 例外處理
Composer 是什麼？PHP Composer 教學（install、require、PSR-4 速查）
PHP Composer 是什麼、怎麼安裝？composer.json／lock、require／install／update、PSR-4 autoload 指令速查與實戰流程
PHP public、private、protected 差異：protected vs private 對照表
PHP 存取修飾符速查：public／private／protected 三欄對照、protected vs private 何時用哪個、封裝原則與繼承可見性
