Markdown 步骤流 - Lambent's Blog

对于有严格先后顺序的流程，可以使用步骤流。该组件不会打断文章的阅读节奏：简洁的编号轨道帮助读者定位，而标题、段落、链接、列表和代码仍保留各自原生的 Markdown 语义。

有序列表语法#

使用 :::steps 容器包裹一个 Markdown 有序列表。每个顶层列表项都会成为一个步骤。

1
:::steps[部署到生产环境]
2
1. **克隆并准备工作区**
3

4
   克隆仓库并进入项目目录。
5

6
   ```powershell
7
   git clone https://github.com/LyraVoid/Shirone.git
8
   Set-Location Shirone
9
   ```
10

11
2. **安装依赖**
12

13
   使用仓库指定的包管理器。
14

15
   ```powershell
16
   pnpm.cmd install
17
   ```
18

19
3. **运行项目检查**
20

21
   确认 Astro 诊断和 TypeScript 检查均已通过。
22

23
   ```powershell
24
   npx.cmd astro check
25
   pnpm.cmd type-check
26
   ```
27

28
4. **构建生产站点**
29

30
   生成静态站点和搜索索引。
31

32
   ```powershell
33
   pnpm.cmd build
34
   ```
35
:::

部署到生产环境

1
克隆并准备工作区

克隆仓库并进入项目目录。
Terminal window
```
1
git clone https://github.com/LyraVoid/Shirone.git
2
Set-Location Shirone
```
2
安装依赖

使用仓库指定的包管理器。
Terminal window
```
1
pnpm.cmd install
```
3
运行项目检查

确认 Astro 诊断和 TypeScript 检查均已通过。
Terminal window
```
1
npx.cmd astro check
2
pnpm.cmd type-check
```
4
构建生产站点

生成静态站点和搜索索引。
Terminal window
```
1
pnpm.cmd build
```

选项#

:::steps[标题] 或 title="标题" 可以添加可见标题和无障碍名称。
start=4 可以更改起始步骤编号。
容器中必须恰好包含一个有序列表。无效或混杂的输入会保留为普通且可读的 Markdown，不会被启发式地解析。
内容会在站点构建期间完成渲染，不会增加客户端 JavaScript 或网络请求。

Lambent's Blog

有序列表语法#

选项#

继续阅读

换条路线

评论

Lambent's Blog

有序列表语法#

选项#

分享文章

沿着主题读

换条路线

评论