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 的簡單和優(yōu)雅特性仍然保留著，僅在需要時才插入 JSX。
• 快速：MDX 沒有運行時，所有編譯都在構建階段進行。