Markdown功能演示

本文展示了本博客支持的各种高级Markdown功能。

1. 警告块 (Admonitions)

使用 ::: 语法创建漂亮的提示块。

2. 数学公式 (KaTeX)

支持行内公式 $E=mc^2$ 和块级公式：

$$\oint_C \vec{E} \cdot d\vec{l} = -\frac{d}{dt} \iint_S \vec{B} \cdot d\vec{S}$$

以及矩阵：

$$\begin{bmatrix} 1 & 2 & 3 \\ a & b & c \end{bmatrix}$$

3. 流程图 (Mermaid)

直接使用 mermaid 代码块绘制图表：

graph TD;
    A[开始] --> B{判断};
    B -- 是 --> C[执行操作];
    B -- 否 --> D[结束];
    C --> D;

sequenceDiagram
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!
    Alice-)John: See you later!

4. 表格 (GFM)

支持 GitHub 风格的表格：

功能	状态	备注
基础 Markdown	✅	原生支持
数学公式	✅	KaTeX
图表	✅	Mermaid
警告块	✅	Custom Remark Plugin

5. 自动链接标题

你可以直接点击标题旁边的符号（悬停时显示）来获取锚点链接。

6. 代码高亮

interface Props {
  text: string;
  count: number;
}

const Component = ({ text, count }: Props) => {
  return <div>{text}: {count}</div>;
}