欢迎！

欢迎来到我的博客！这是使用 Astro 和 Tailwind CSS 构建的现代化博客网站。

为什么选择 Astro？

Astro 是一个现代化的静态站点生成器，它有以下优势：

• 🚀 极快的性能 - 默认零 JavaScript，页面加载速度极快
• 📦 灵活的架构 - 支持多种前端框架（React、Vue、Svelte 等）
• 🎨 开发体验好 - 组件化开发，支持 TypeScript
• 🔧 易于部署 - 生成静态文件，可部署到任何静态托管平台

关于 Tailwind CSS

Tailwind CSS 是一个实用优先的 CSS 框架，让样式开发变得简单高效：

/* 传统方式 */
.button {
  background-color: blue;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
}

<!-- Tailwind 方式 -->
<button class="bg-blue-600 text-white px-4 py-2 rounded">
  按钮
</button>

博客功能

这个博客包含以下功能：

1. 文章列表 - 展示所有博客文章
2. 文章详情 - 支持 Markdown 格式
3. 标签系统 - 文章可以添加多个标签
4. 响应式设计 - 在各种设备上都能完美显示

开始写作

要添加新文章，只需在 src/content/blog/ 目录下创建新的 Markdown 文件，并添加以下 frontmatter：

---
layout: ../../layouts/BlogPostLayout.astro
title: '文章标题'
description: '文章描述'
date: '2025-01-15'
author: '作者名'
tags: ['标签1', '标签2']
---

文章内容...

就是这么简单！