---

title: "欢迎来到南蓝的博客" date: "2024-01-15" excerpt: "这是我的第一篇博客文章，介绍这个使用 Next.js 和 MDX 构建的博客系统。" tags: ["介绍", "Next.js", "MDX"]

欢迎来到南蓝的博客！

很高兴你来到这里！这是我使用 Next.js 和 MDX 构建的个人博客。

为什么选择这个技术栈？

• Next.js: 提供优秀的 SSR/SSG 能力，对 SEO 友好
• MDX: 支持 Markdown + React 组件，内容创作更灵活
• TypeScript: 类型安全，开发体验更好
• Tailwind CSS: 快速构建美观的界面

主要功能

这个博客系统包含以下功能：

1. 📝 博客文章管理
2. 🏷️ 标签分类系统
3. 🔍 搜索功能（计划中）
4. 📱 响应式设计
5. 🌙 深色模式支持

代码示例

// 这是一个简单的 React 组件
function Greeting({ name }) {
  return <h1>Hello, {name}!</h1>
}

下一步计划

• [ ] 添加评论系统
• [ ] 实现搜索功能
• [ ] 添加阅读统计
• [ ] 优化性能

感谢你的阅读！如果你有任何建议或问题，欢迎联系我。