Markdown 进阶：数学公式与代码高亮

MDX 让 Markdown 不只是 Markdown：通过 remark 与 rehype 插件体系，我们可以为内容追加表格、数学公式、代码高亮等能力。

数学公式（KaTeX）

行内公式：欧拉恒等式 $e^{i\pi} + 1 = 0$ 被誉为「最优美的数学公式」。

独立公式（块级）：

$$\int_{-\infty}^{+\infty} e^{-x^2} \, dx = \sqrt{\pi}$$

矩阵示例：

$$A = \begin{pmatrix} a & b \\ c & d \end{pmatrix}, \quad \det(A) = ad - bc$$

代码高亮（highlight.js）

TypeScript 示例：

interface PostMeta {
  slug: string;
  title: string;
  tags: string[];
}

export function getTags(post: PostMeta): string[] {
  return [...new Set(post.tags)].sort();
}

Bash 示例：

docker compose up -d --build

任务列表与引用

提示：这些语法都来自 GFM 插件（remark-gfm）。

• 配置 remark-gfm
• 配置 rehype-highlight
• 配置 rehype-katex
• 写更多有意思的文章

小结

一套插件即可让博客的阅读体验提升一个档次。你也可以在此基础上继续扩展，例如给代码块加「一键复制」按钮，或者接入更多 rehype 插件。