MDX集成 JSX 语法的 Markdown

 MDX 是一种可编辑格式，可在 Markdown 文档中无缝编写 JSX。可以导入诸如交互式图表或 alert 之类的组件，并将其嵌入到文档内容中，这样可以让使用组件编写长格式内容变得很顺滑。

以下示例在 Markdown 中嵌入 JSX：

# Hello, *world*!

Below is an example of JSX embedded in Markdown. <br /> **Try and change
the background color!**

<div style={{ padding: '20px', backgroundColor: 'tomato' }}>
  <h3>This is JSX</h3>
</div>

MDX 特性：

• 功能强大：MDX 混合了 Markdown 和 JSX 语法，可以完美地适配基于 JSX 的项目。
• 一切都是组件：导入 JSX 组件并直接在 MDX 文档中渲染。
• 可自定义：可以指定为每个 Markdown 元素渲染哪个组件。
• 基于 Markdown：Markdown 的简单和优雅特性仍然保留着，仅在需要时才插入 JSX。
• 快速：MDX 没有运行时，所有编译都在构建阶段进行。