MDX 集成 JSX 语法的 Markdown

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

以下示例在 Markdown 中嵌入 JSX：

# Hello, *world*!Below is an example of JSX embedded in Markdown. <br /> **Try and changethe 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 没有运行时，所有编译都在构建阶段进行。