hextra/exampleSite/content/docs/guide/shortcodes/steps.zh-cn.md

---
title: 步骤
---

一个内置组件，用于显示一系列步骤。

## 示例

{{% steps %}}

### 第一步

这是第一步。

### 第二步

这是第二步。

### 第三步

这是第三步。

{{% /steps %}}


## 用法

{{< callout emoji="ℹ️" >}}
  请注意，此短代码**仅适用于 Markdown 内容**。
  如果将 HTML 内容或其他短代码作为步骤内容，可能无法按预期渲染。
{{< /callout >}}

在 `steps` 短代码中放置 Markdown 的 h3 标题。

```
{{%/* steps */%}}

### 第一步

这是第一步。

### 第二步

这是第二步。

{{%/* /steps */%}}
```