这是我的个人博客项目，使用 Astro 构建，具有现代化的设计和丰富的功能。

✨ 主要特性

• 现代化设计：响应式布局，支持深色模式
• Markdown 增强：自定义 callouts，代码高亮
• 动态导航：配置驱动的导航系统
• SEO 优化：完整的 meta 标签和结构化数据
• 性能优化：静态生成，快速加载

🛠️ 技术栈

• 框架：Astro 4.x
• 样式：UnoCSS + 自定义 CSS
• 类型安全：TypeScript
• Markdown：Remark plugins
• 部署：Vercel/Netlify

📝 实现亮点

1. 配置驱动的导航

// src/data/navigation.ts
export const navigationItems: NavigationItem[] = [
  {
    label: "Home",
    href: "/",
    icon: "i-ri-home-line",
    active: true
  },
  // ...
];

2. 自定义 Callout 组件

使用 remark 插件实现的美观提示框：

:::info 这是一个信息提示框 :::

:::warning 这是一个警告提示框 :::

3. 响应式设计

完全响应式的设计，在所有设备上都有良好的体验。

🚀 部署

项目使用 Vercel 部署，支持自动构建和部署。

📈 未来计划

• 添加评论系统
• 集成分析工具
• 多语言支持
• 深色模式
• SEO 优化