入门MDX博客

Hello World — 我的第一篇博客

这是一篇使用 MDX 编写的示例博客文章,展示了丰富的排版和自定义组件嵌入能力。


Hello World — 我的第一篇博客

欢迎来到我的个人博客!这是使用 MDX 格式编写的第一篇文章。

MDX 的强大之处

MDX 让你可以在 Markdown 中直接使用 React 组件。下面是一些演示。

代码示例

这是一段 TypeScript 代码:

interface BlogPost {
  title: string;
  date: string;
  tags: string[];
}

const post: BlogPost = {
  title: "Hello World",
  date: "2026-03-01",
  tags: ["入门", "MDX"],
};

排版展示

MDX 支持所有标准 Markdown 语法:

  • 粗体斜体删除线
  • 超链接
  • 有序和无序列表
  • 引用块

写博客是整理思维的最佳方式之一。当你试图向别人解释一个概念时,你会发现自己对它的理解更加深刻了。

表格

技术用途难度
Next.js全栈框架中等
Three.js3D渲染较高
TailwindCSS工具简单

这就是一篇基础的 MDX 博客文章。每一篇文章都可以有完全不同的布局、样式和交互组件!