在MDX里嵌入交互组件

普通的 .md 已经能满足大部分写作需求，但当你想在正文里嵌入真正的交互组件时， .mdx 就派上用场了。

直接引入组件

在文件顶部像写普通 JS 一样 import，然后在正文任意位置使用：

import { Button } from '@/components/ui/button';

<Button>点我</Button>

下面就是一个真实渲染、可点击的 shadcn/ui 按钮（记得给它加 client:* 才有交互）：

何时用 MDX

• 需要嵌入图表、演示、可交互示例时
• 想复用站点里已有的 React 组件时

其余情况用普通 Markdown 就够了，越简单越好。