MDX 语法支持示例
这篇文章用于快速确认当前博客支持的 Markdown 与 MDX 语法。
110 字#MDX #Markdown #Demo
1. 基础文本
普通段落，支持 粗体、斜体、删除线、行内代码。
自动链接也可用：https://nextjs.org
2. 标题与分隔线
2.1 三级标题
文本内容...
文本分隔后继续。
3. 列表
- 无序项 A
- 无序项 B
- 无序项 C
- 有序项 1
- 有序项 2
- 有序项 3
- 已完成任务
- 待完成任务
4. 引用
这是一段引用文本。
第二行同样在引用块内。
5. 表格（GFM）
| 语法 | 是否支持 | 说明 |
|---|---|---|
| 表格 | 是 | remark-gfm |
| 任务列表 | 是 | remark-gfm |
| 删除线 | 是 | remark-gfm |
| 脚注 | 是 | 见文末示例 |
6. 链接与图片
- 站内链接：回到笔记列表
- 外链示例：Next.js 官网
7. 代码块（Shiki 高亮）
type User = {
id: string;
name: string;
tags: string[];
};
const user: User = {
id: "u_001",
name: "codex",
tags: ["mdx", "demo"],
};
console.log(user);pnpm install
pnpm dev8. MDX 组件
9. 脚注（GFM）
这是一个脚注示例1。
Footnotes
-
脚注内容会在文末区域展示（取决于样式）。 ↩