8 個靜態網站產生器比較:Jekyll、Hugo、11ty 等工具
一次介紹 8 個靜態網站產生器,整理 Jekyll、Hugo、Gatsby、Next.js、11ty 等工具的特色、優缺點與適用情境
光輝咖碼最新文章
14 分鐘閱讀
一次介紹 8 個靜態網站產生器,整理 Jekyll、Hugo、Gatsby、Next.js、11ty 等工具的特色、優缺點與適用情境
11ty 靜態網站生成器教學:安裝、目錄結構、模板、部署、vs Hugo 對比
一人維護的技術部落格,為什麼從 WordPress 搬到 11ty?分享我實際踩過的維護、效能、安全痛點,以及遷完之後真正變簡單與變麻煩的地方。
解讀 PSI 實地數據與 Lighthouse 差異、LCP/INP/CLS 門檻、WordPress 優化 Checklist,取代已過時的 FID 指標
分享我如何依照 PageSpeed Insights 的診斷,逐項改善 11ty 網站的圖片、LCP、CLS、第三方腳本與模板,並附上可直接複製的 AI 提示詞與審核清單。
用 11ty 建站後,如何在 Hostinger 設定 HTML、CSS、JavaScript、圖片與 Pagefind 快取?本文用 .htaccess、hPanel 和 curl 帶你完成設定與排錯。
TypeScript 完整入門指南:5 分鐘快速上手、類型系統、實戰範例
文章目錄(TOC)怎麼做才對 SEO 有幫助?原生錨點、JS 動態、WordPress/11ty 三種做法與 2026 注意事項
CSS Grid 儀表板實作:grid-template、響應式版面、常見坑與完整範例程式碼
已用過 Proton 免費版、正在考慮升級?本文從速度、串流、隱私證據、價格與競品比較,幫你判斷 VPN Plus 付費版是否值得花錢,附決策表與訂閱前檢查清單。
Proton VPN 免費版真的值得用嗎?本文比較免費版與 Plus 付費方案的速度、伺服器、隱私功能與限制,幫你依照實際需求選擇適合的方案。
ZeroSSL 申請教學、自動更新腳本、cron 設定與常見錯誤排解
Claude Code 變複雜、上下文不透明時,Pi 作者為何重做極簡 Coding Agent?用設計動機與決策表,幫你判斷該選可控的 Pi,還是整合完整的 Claude Code。
厭倦沉重 AI 工具?Pi Coding Agent 用四個工具 + 可擴充設計,讓終端 AI 融入你的既有流程。含安裝、上下文工程、套件選型與 Cursor 分工決策表。
AI 都能幫你寫 CSS 了,還要自己學嗎?要,但學法不一樣。教你用幽默又實用的方式理解 CSS 心智模型、引導 AI 產碼,並顧好 Core Web Vitals。
什麼是 PHP?2026 市占、vs Node.js/Python、PHP 8.5 新特性、本機環境與學習路徑一次搞懂
PHP 零基礎快速上手:10 個實用練習、常見錯誤、進階資源推薦
SOLID 五大原則詳解、vs Factory/Singleton 模式對比、實戰範例
Mac 生產力與開發工具推薦:終端機、視窗管理、剪貼簿、效率提升必備
Homebrew 安裝、PATH 設定、常用指令、vs curl/MacPorts 對比、2026 推薦套件與常見問題
Warp 終端機完全指南:安裝、設置、快捷鍵、與 Git 整合、提升開發效率