鐵人檔案
ASTRO 是一個令人興奮的新一代前端框架，它以其簡單易用和優越的性能而聞名，提供服務端渲染(SSR)和靜態生成，優化性能和載入速度。透過這系列，你將學習安裝設定、設計外觀、建立文章頁面、添加互動功能和探索ASTRO的優勢。打造個人化且高效的個人 Blog。
基於本身是純前端開發者，偶然看到了 Astro 的特性，被深深吸引，雖然現在有許多靜態網站的產生器，但裡面參雜著各種語言，想要客製化樣式的時後也不好改，且也繁複...
很幸運在開賽前幾天遇到版本更新，那就讓我們來看看 Astro 3.0 帶來了哪些重要的改變。 View Transitions API：原生頁面過渡效果 Ast...
前面已經介紹了 Astro 的優點，相信你已經迫不及待要開始試用了！現在，我們將逐步指導你如何設定適合開發 Astro 的環境。 開發環境設置 首先，請確保你已...
現在，我們將深入了解 Astro 專案的結構，這有助於您更好地理解 Astro 應用的架構和組織方式。 專案架構概述 Astro 專案的結構如下： ├── sr...
今天，我們將進一步深入了解 Astro 的組件。 什麼是 Astro 組件？ Astro 組件是 Astro 專案的基本構建塊，它們是僅支持 HTML 的模板組...
在 Astro 項目中，Pages扮演了重要角色。這些頁面位於 src/pages/ 子目錄下，負責處理網站的路由、數據加載和整體頁面佈局。今天，我們將探討 A...
什麼是佈局（Layouts）？ 在 Astro 中，佈局是一種特殊的組件，旨在提供可重複使用的 UI 結構，通常用於頁面模板。我們經常使用 "佈局&q...
在這份教學中，我們將深入瞭解 Astro 語法的一些主要元素和相關範例，幫助您更好地理解如何使用 Astro 來建立網頁。 動態資料綁定 Astro 允許您在組...
昨天我們了解了 Astro 的樣版語法元素，今天我們將深入研究 Astro 中的樣式部分。 Astro 中的樣式設定 在 Astro 中，要為元件或頁面模板設置...
Astro 提供多種方法來有效地管理和顯示圖片，不論它們是存儲在專案內部、遠程連結，還是由內容管理系統（CMS）或內容分發網絡（CDN）管理。 圖片存儲位置 我...
