构建您的 API 参考结构
了解如何使用图标和说明将 API 参考分布在多页中进行结构化。
GitBook 不仅仅呈现你的 OpenAPI 规范。它还允许你自定义 API 参考,以获得更清晰的说明、更好的导航和品牌展示。
将操作拆分到多个页面
为了保持文档的有序性,GitBook 可以将你的 API 操作拆分到独立页面。每个页面由 OpenAPI 规范中的一个标签生成。要将操作分组到同一页面,请为每个操作分配相同的标签:
paths:
/pet:
put:
tags:
- pet
summary: 更新现有宠物。
description: 通过 Id 更新现有宠物。
operationId: updatePet
在目录中重新排序页面
GitBook 中页面的顺序与 OpenAPI tags 数组中标签的顺序相匹配:
tags:
- name: pet
- name: store
- name: user
将页面嵌套到分组中
要构建多级导航,请在标签中使用 x-parent
(或 parent
)来定义层级:
tags:
- name: everything
- name: pet
x-parent: everything
- name: store
x-parent: everything
上例将创建如下所示的目录:
Everything
├── Pet
└── Store
如果页面没有描述,GitBook 会自动为其子页面显示基于卡片的布局。
自定义页面标题、图标和描述
你可以在标签部分使用自定义扩展为页面添加标题、图标和描述。所有 Font Awesome 图标 都通过以下方式支持: x-page-icon
.
tags:
- name: pet
# 在目录和页面中显示的页面标题
-x-page-title: Pet
# 在目录中显示并位于页面标题旁的图标
-x-page-icon: dog
# 显示在标题上方的描述
-x-page-description: Pets are amazing!
# 页面内容
description: 关于你的宠物的一切
使用 GitBook Blocks 构建丰富的描述
标签描述字段支持 GitBook Markdown,包括 高级区块 如选项卡:
---
tags:
- name: pet
description: |
这里是关于宠物的详细信息。
{% tabs %}
{% tab title="Dog" %}
这里是狗的内容
{% endtab %}
{% tab title="Cat" %}
这里是猫的内容
{% endtab %}
{% tab title="Rabbit" %}
这里是兔子的内容
{% endtab %}
{% endtabs %}
突出显示模式(schemas)
你可以通过使用 GitBook Markdown 在 GitBook 描述中突出显示一个模式。下面是一个示例,突出显示来自 “petstore” 规范的 “Pet” 模式:
---
tags:
- name: pet
description: |
{% openapi-schemas spec="petstore" schemas="Pet" grouped="false" %}
Pet 对象
{% endopenapi-schemas %}
最后更新于
这有帮助吗?