MDX（Markdown with JSX）是一種將 Markdown 和 JSX 結合的語法。它的主要優勢是允許你在 Markdown 文件中嵌入 React 組件，這樣可以讓內容更具動態性和交互性。MDX 的格式基本上繼承了 Markdown 的簡單和直觀，但可以在其中插入 React 組件，從而使得 Markdown 文檔擁有更強大的功能。
MDX 常用於靜態網站生成器（如 Gatsby 和 Next.js）以及需要動態呈現內容的場合。這樣不僅能保持 Markdown 的簡單性，還能充分利用 React 組件的強大功能。
MDX 的基本格式：
MDX 的語法基本上是 Markdown 的擴展，保留了 Markdown 的格式化特性，同時允許插入 JSX 代碼。下面是一些常見的格式化語法和如何在 MDX 中使用它們。
1. 標題
MDX 支持 Markdown 標題語法：
mdx
# 一級標題
## 二級標題
### 三級標題
2. 粗體與斜體
MDX 也支持 Markdown 的粗體與斜體語法：
mdx
**這是粗體文本**
*這是斜體文本*
3. 列表
無論是無序列表還是有序列表，都可以使用 Markdown 語法：
mdx
* 無序列表項目 1
* 無序列表項目 2
* 子列表項目
1. 有序列表項目 1
2. 有序列表項目 2
4. 連結和圖片
MDX 允許插入 Markdown 風格的超鏈接和圖片：
mdx
[Google](https://www.google.com)
