你好，世界！

欢迎

你好！欢迎来到我的个人博客。这是我用 Next.js 16 和 MDX 构建的全新博客系统。

在这里，我会分享：

• 前端开发技术文章
• 项目实践经验
• 学习心得与思考

技术栈

这个博客使用了以下技术：

const techStack = {
  framework: "Next.js 16",
  language: "TypeScript",
  styling: "Tailwind CSS 4",
  content: "MDX",
  deployment: "Vercel",
};

为什么选择 MDX？#

MDX 让我可以在 Markdown 中使用 React 组件，这意味着我可以创建交互式的内容。

设计理念

整个网站采用了 Bento Grid 布局，灵感来自日本便当盒的设计美学：

1. 模块化 - 每个卡片都是独立的模块
2. 灵活性 - 不同大小的卡片可以自由组合
3. 视觉层次 - 通过大小差异创建视觉焦点

代码高亮

博客支持多种语言的语法高亮：

// JavaScript 示例
function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet("World");

# Python 示例
def greet(name):
    print(f"Hello, {name}!")

greet("World")

接下来

我计划在这个博客上分享更多内容：

• React 19 新特性解析
• Next.js App Router 最佳实践
• TypeScript 高级技巧
• CSS 动画与交互设计

感谢阅读！如果你有任何问题或建议，欢迎通过社交媒体联系我。

最后更新于 2026 年 1 月 13 日