Eleventy 怎麼顯示流程圖，Mermaid 的顯示和優化
在 Eleventy 文章中使用 Mermaid 不一定要讓每位讀者下載 Mermaid JavaScript。這篇示範用官方 CLI 在建置時匯出 SVG 或 PNG，再用圖片嵌入頁面，降低 Vite bundle 負擔並避免圖片載入時版面跳動。
免費 SSL 憑證完全指南：Let's Encrypt vs ZeroSSL 對比
免費 SSL 申請教學：Let's Encrypt、ZeroSSL、cPanel AutoSSL 對比、自動更新、常見錯誤排解
Laravel Herd 架 WordPress：本機開發環境 5 分鐘搞定
Herd 本機架 WordPress 教學：安裝、建立站點、SSL、vs MAMP／Docker 對比——2026 實戰
Eleventy 11ty 怎麼加留言？FastComments 整合教學
靜態站沒後端也能開留言：用官方 fastcomments-11ty 外掛，在 Eleventy 文章頁加上留言區。含安裝、tenantId、Nunjucks shortcode、FastComments LLM Kit／MCP Server 讓 AI 查官方文件，以及 FastComments vs Giscus vs Disqus 選型表。
靜態站 Dark / Light Mode 怎麼做？本站實作拆解
Eleventy／純 HTML 靜態站怎麼做深淺色？CSS 變數、data-theme、防閃爍，再加上切主題時的過場，並對照本站做法。
我如何用 PageSpeed Insights 優化 11ty 網站：為什麼比 WordPress 更容易直接修
11ty 怎麼用 PageSpeed Insights 優化？LCP／CLS／INP 逐項修正流程、WordPress 對照、可複製的 AI 提示詞與審核清單
Pagefind 教學：如何為 Eleventy 靜態網站加入純前端搜尋
用 Pagefind 為 Eleventy 靜態網站加入站內搜尋：從建立索引、整合搜尋元件，到繁體中文搜尋與部署驗收，一次完成設定。
11ty 與 Hostinger 快取怎麼設定？從 .htaccess 到更新驗收
用 11ty 建站後，如何在 Hostinger 設定 HTML、CSS、JavaScript、圖片與 Pagefind 快取？本文用 .htaccess、hPanel 和 curl 帶你完成設定與排錯。
字型子集化：中文網站如何減少字型載入、改善首屏速度
繁中網站不一定要載入 10MB 以上的完整字型。本文比較系統字體、自架子集化與 Google Fonts CDN，示範用 cn-font-split 或 subset-font 產生 WOFF2，並說明 font-display、缺字 fallback 與維護取捨。
LCP 優化實戰：首屏別 lazy-load，用 fetchpriority 把關鍵資源拉上來
LCP 怎麼優化？找出 LCP 元素、首屏圖取消 lazy-load、fetchpriority 與 preload 決策表——Eleventy 靜態站實戰
查看 所有分類。
