教程 •
|

Markdown 高级特性指南

探索 Markdown 的进阶用法，包括表格、代码块、数学公式和任务列表。

表格

Markdown 表格使用管道符号 | 和短横线 - 来创建。你可以通过在分割行添加冒号 : 来控制列的对齐方式。

对齐方式：

  • :--- 左对齐（默认）
  • :--: 居中对齐
  • ---: 右对齐

代码示例：

| 商品 | 价格 | 库存 |
| :--- | :--: | ---: |
| 苹果 | $1 | 100 |
| 香蕉 | $2 | 50 |
| 橙子 | $3 | 20 |

渲染结果：

商品价格库存
苹果$1100
香蕉$250
橙子$320

代码块

行内代码

使用单个反引号包裹代码：`const a = 1`。

多行代码块

使用三个反引号，并可以指定语言进行语法高亮。

代码示例：

```javascript
function hello() {
  console.log("Hello, World!");
}
```

Diff 语法

你还可以使用 diff 语法来展示代码的变更。

代码示例：

```diff
- const oldVar = 1;
+ const newVar = 2;
```

任务列表

使用 - [ ] 或 - [x] 创建可交互的待办事项列表。

代码示例：

- [x] 已完成任务
- [ ] 待处理任务
  - [ ] 子任务 A
  - [x] 子任务 B

渲染结果：

  • 已完成任务
  • 待处理任务
    • 子任务 A
    • 子任务 B

数学公式 (LaTeX)

许多 Markdown 编辑器（包括我们的工具）支持使用 $ 来渲染数学公式。

代码示例：

行内公式：$E = mc^2$

块级公式：
$$
\sum_{i=1}^n i = \frac{n(n+1)}{2}
$$

HTML 标签支持

Markdown 允许你直接使用 HTML 标签来实现更复杂的格式。

折叠内容

使用 <details> 和 <summary> 标签可以创建折叠内容。

代码示例：

<details>
  <summary>点击查看详情</summary>
  这里是隐藏的详细内容。
</details>

键盘按键

使用 <kbd> 标签来模拟键盘按键。

代码示例：

请按 <kbd>Ctrl</kbd> + <kbd>C</kbd> 复制。

渲染结果： 请按 Ctrl + C 复制。

脚注

使用 [^keyword] 来添加脚注。

代码示例：

这是一个带有脚注的文本[^1]。

[^1]: 这是脚注的解释内容。

自动链接

使用尖括号 <> 可以快速将 URL 转换为链接。

代码示例：

<https://tools.ai225.com>
<admin@ai225.com>

立即尝试进阶特性

前往我们的 Markdown 在线编辑器，体验这些高级特性。无论是编写技术文档还是个人笔记，这些进阶技巧都能让你的文档更加专业和美观。

相关文章