lxmの个人博客
Markdown 扩展特性

Markdown 扩展特性

技术
280 字 / 1 分钟

Markdown 扩展特性

Markdown 是一种轻量级标记语言,可以轻松地将纯文本转换为格式化文档。下文将介绍一些 Markdown 的基础语法和扩展功能。

基本语法

标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

强调

*斜体*_斜体_
**粗体**__粗体__
***粗斜体***___粗斜体___

斜体斜体 粗体粗体 粗斜体粗斜体

列表

无序列表:

- 项目1
- 项目2
  - 子项目2.1
  - 子项目2.2
- 项目3
  • 项目1
  • 项目2
    • 子项目2.1
    • 子项目2.2
  • 项目3

有序列表:

1. 第一项
2. 第二项
3. 第三项
  1. 第一项
  2. 第二项
  3. 第三项

链接和图片

[链接文字](https://www.example.com)
![图片替代文字](https://example.com/image.jpg)

引用

> 这是一个引用。
> 引用可以有多行。
>
> 也可以有多个段落。

这是一个引用。 引用可以有多行。

也可以有多个段落。

代码块

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet('World');

GitHub Flavored Markdown (GFM)

本博客支持 GitHub Flavored Markdown 的特性:

表格

| 表头1 | 表头2 | 表头3 |
|-------|-------|-------|
| 单元格1 | 单元格2 | 单元格3 |
| 单元格4 | 单元格5 | 单元格6 |
表头1表头2表头3
单元格1单元格2单元格3
单元格4单元格5单元格6

任务列表

- [x] 已完成任务
- [ ] 未完成任务
- [ ] 另一个未完成任务
  • 已完成任务
  • 未完成任务
  • 另一个未完成任务

删除线

~~删除的文字~~

删除的文字

自动链接

只需输入网址,它将自动转换为链接: https://www.example.com

自定义组件(使用 MDX)

博客使用 MDX,允许在 Markdown 文档中嵌入 React 组件。例如,可以创建一个警告框组件:

<Alert type="warning">
  这是一个警告消息!
</Alert>

代码高亮

使用 rehype-pretty-code 实现代码高亮:

// 这段 TypeScript 代码将会被高亮
interface User {
  id: number;
  name: string;
  email: string;
}

function getUserById(id: number): User | undefined {
  return users.find(user => user.id === id);
}

自动生成目录

文章页面会自动根据标题生成目录,帮助读者更好地导航文章内容。

数学公式

支持使用 LaTeX 语法的数学公式:

$E = mc^2$