Blog
- CSS Border-radius 指南, 不是只能畫圓角
深入理解 border-radius 的完整能力,從基本語法到進階技巧,包含互動式學習工具。了解瀏覽器的修正機制、形狀設計,以及常見陷阱的解決方案。
- 在 Eleventy(11ty)中優雅地使用 Svelte:一套實用的 Vite-based islands 架構
實戰分享:如何在 Eleventy(11ty)部落格文章中插入可重用的 Svelte 元件,使用 Vite 進行打包,並比較此做法與 11ty is-land 的差異與適用場景。
- CSS Stacking Context 教學:z-index 為什麼不聽話?
用最直覺的方式搞懂 stacking context:常見踩坑、排查流程、可直接用的範例與註解。
- 在 Eleventy(11ty)整合 Pagefind:回到「最簡單」的做法
在 Eleventy 網站中整合 Pagefind 搜尋功能的最佳實踐。從複雜的設定回到最簡單的做法,讓搜尋功能輕鬆上線。
- 在 Eleventy(11ty)文章中做出像 WordPress 的 Feature Image 特色圖片
教學:在 Eleventy 文章中實作 WordPress 風格的 Feature Image (特色圖片)
- 從 WordPress 搬家到 Eleventy(11ty):你一定會遇到的幾個注意事項整理
從 WordPress 搬家到 Eleventy 靜態網站生成器的完整指南,整理了遷移過程中常見的注意事項、坑洞與解決方案。包含內容匯出、圖片處理、前端框架整合等實戰經驗分享。
- 把文章從 WordPress 搬出來:eleventy-import 的匯出方式
記錄我使用 eleventy-import,將 WordPress 文章與圖片完整匯出成適合 Eleventy 使用的 Markdown 結構,並分享實際踩過的坑與心得。
- WordPress vs 11ty:各自的優缺點與取捨
比較 WordPress 與 11ty 這兩個不同的網站架設工具,探討各自的優缺點、適合的使用情境,以及在開發體驗、效能、安全性、維護成本等方面的取捨。
- 1 個程式範例,快速學習 JavaScript 物件導向語法
透過一個完整的程式範例,深入探討 JavaScript 中的物件導向編程概念。文章涵蓋類別定義、公共和私有屬性、構造函數、方法使用以及類別繼承等關鍵技術,適合想要掌握 JavaScript OOP 語法的開發者。
- 如何在 SvelteKit 中管理前端環境變數
大家都知道後端節點(如 Node.js)可以輕鬆地透過 `.env` 檔案或 `process` 物件來存取環境變數。但在純前端應用程式,尤其是使用如 SvelteKit 這樣的現代框架時,這個任務看起來就沒那麼直觀了。












