鐵人檔案
ASTRO 是一個令人興奮的新一代前端框架，它以其簡單易用和優越的性能而聞名，提供服務端渲染(SSR)和靜態生成，優化性能和載入速度。透過這系列，你將學習安裝設定、設計外觀、建立文章頁面、添加互動功能和探索ASTRO的優勢。打造個人化且高效的個人 Blog。
在前幾篇中我們介紹了 Astro 中的 Page 概念，今天讓我們更深入地探討路由，了解它在網站開發中的重要性以及如何在 Astro 中使用不同類型的路由。 什...
在網站開發和內容創作中，Markdown 是一種簡單而強大的標記語言，它能夠幫助你輕鬆地創建格式豐富的文本內容，例如文章、文檔和筆記。今天！我們將深入了解 Ma...
在 Astro 2.0.0 版本中，引入了 Content Collections 功能，這是一個極其強大的工具，用於管理和展示您的網站內容。本篇將帶您深入探討...
在昨天我們了解了如何在 Astro 中獲取內容集合中的文章資料，但現在可能會有更多問題：如果我們的資料來自 API 呢？這時，就可以使用 Astro 的數據提取...
看了這麼多天的文章介紹 Astro，是不是心動想躍躍欲試了呢？接下來，我們將開始實作我們的 blog。 將我們第二天文章裡介紹的開發環境啟動後，會看到以下畫面...
建立 Dark Mode 所需的 CSS 變數 在這篇文章中，我們將學習如何建立 Dark Mode 所需的 CSS 變數，以使我們的網站能夠在不同模式下切換。...
在前一篇教學中，我們已成功整合了 Tailwind CSS 到我們的 Astro 項目中，並且已經設定好所需的變數。今天，我們將進一步為我們的網站添加一個常見的...
在我們之前的教學中，我們學習如何整合 Tailwind CSS 並創建 Astro 項目的基本組件。現在，我們將更進一步，通過建立一個統一的佈局（Layout）...
今天，我們將學習如何使用 Astro 項目建立一個部落格文章列表頁面，並確保這些文章按照日期由新到舊的順序排列。 使用 Astro 與內容集合建立文章列表 在...
昨天，我們已經學習了如何建立文章列表頁面。今天，我們將進一步學習如何在 Astro 專案中實現分頁功能，以便更好地管理和顯示內容，特別是當內容列表變得過長時。我...
