Blog
- 在 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 這樣的現代框架時,這個任務看起來就沒那麼直觀了。
- 什麼是 Javascript module,讓 JavaScript 程式碼更有組織
我們可能都很會使用開發 node.js 程式,使用各種前端工具,但可能不是很了解什麼是 Javascript module、ES modules、CommonJS Module,又為什麼有些程式使用 require,有些程式使用 import?
- 如何批量取消訂閱 YouTube 頻道,使用 YouTube Subscriptions API
這篇文章中將帶領大家透過一個實際的案例,使用 Google YouTube API, OAuth, Svelte, 和 TailwindCSS 建立一個簡單、方便的工具來批量取消訂閱 YouTu...
- TypeScript 入門:建立開發環境,並執行第一個 TypeScript 程式
介紹如何在 macOS 上搭建 TypeScript 開發環境和運行 TypeScript 程式。文章涵蓋 Node.js 安裝、TypeScript Compiler (tsc) 的使用,以及多種運行 TypeScript 的方式,適合想要開始學習 TypeScript 的開發者。













