---
title: 工作流
slug: docs/cn/rHwUt3j768YcX2SZdq_S0
createdAt: 2026-06-05T14:56:44.505Z
---

[工作流](docId\:k4PDPZ_n6XEOQLKItvXwq) 块呈现带有编号指示器的一系列步骤。它们适用于安装指南、教程、入门流程，以及任何需要按顺序完成的过程。

## 语法

您可以使用 Markdown 或 MDX 来添加此组件。

::::Tabs
:::Tab{title="Markdown"}
```markdown
:::::WorkflowBlock
::::WorkflowBlockItem
Step Title

Step content.
::::
:::::
```
:::

:::Tab{title="MDX"}
```javascript
<WorkflowBlock>
  <WorkflowBlockItem>
    Step Title

    Step content.
  </WorkflowBlockItem>
</WorkflowBlock>
```
:::
::::

每个 `WorkflowBlockItem` 表示流程中的一个步骤。第一行用作步骤标题，其余内容将成为步骤描述。

工作流项可以包含标准的 Markdown 格式，包括行内代码、列表、链接和其他受支持的组件。

## MDX 示例

以下示例创建了一个四步的入门工作流。

```javascript
<WorkflowBlock>
  <WorkflowBlockItem>
  Install the CLI

  Run `npm install -g @archbee/cli` to install the Archbee CLI globally.
  </WorkflowBlockItem>

  <WorkflowBlockItem>
  Create a project

  Run `archbee new my-docs` to create a new documentation project.
  </WorkflowBlockItem>

  <WorkflowBlockItem>
  Start the dev server

  Run `archbee dev` to start the local preview at `localhost:3000`.
  </WorkflowBlockItem>

  <WorkflowBlockItem>
  Deploy

  Build and deploy your docs to production.
  </WorkflowBlockItem>
</WorkflowBlock>
```