---
title: 可展开标题
slug: docs/cn/NbXHOOEHP166OsN6Xx0ZZ
createdAt: 2024-08-09T08:04:51.985Z
---

::loom{url="https://www.loom.com/embed/dcb8460d05144704b018ec9aa6b41aba?sid=1aea9071-051b-46b6-ac5c-0787e172af70"}

可展开标题是一种组织文档内容并提高可读性的方式。它们允许您创建用户可展开或折叠的部分，从而更容易找到特定信息。

## 为什么使用可展开标题？

- **更好的组织结构**
  可展开标题有助于将复杂主题拆分为可管理的部分。
- **增强可读性**
  用户可以通过展开或折叠部分来专注于相关信息。
- **FAQ 风格格式**
  可展开标题非常适用于在文档中创建 FAQ（常见问题解答）部分。

## 如何添加可展开标题

在 Archbee 中，有三种方法可以创建可展开标题：

- 从区块菜单插入标题。输入 `/` 并选择标题区块

![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-Q0PhUrYs2oeDDj9AKCKFh-20240809-090345.png "添加可展开标题")

- 将现有标题转换为可展开标题，只需在开头输入 `>>`，然后按空格键

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/QJHESQKMx60mUR4eagec9_expandable-headings.gif "转换和展开它们")

- 使用 markdown 快捷方式插入：
  - `>>#` + `空间` 用于 Expandable Heading 1
  - `>>##` + `空间` 用于 Expandable Heading 2 
  - `>>###` + `空间` 用于 Expandable Heading 3 
要展开可展开标题的内容，只需删除标题，您将仅保留文本。
## 允许用于内容的区块
在可展开标题中，您可以使用 **所有区块 **作为内容，但不包括可展开标题区块本身。
***
以下是一些示例：
:::ExpandableHeading{isOpen="true"}
# Expandable Heading 1

- 您可以在此添加 Archbee 编辑器中任何自定义区块
:::
:::ExpandableHeading
## Expandable Heading 2

- 您可以切换标题为可展开或可折叠
:::
:::ExpandableHeading{isOpen="true"}
### Expandable Heading 3

```javascript
fetch("https://api.cakes.com", {
  "method": "GET",
  "headers": {
    "Accept": "application/json"
  }
})
.then(response => {
  console.log(response);
})
.catch(err => {
  console.error(err);
});
```
:::
***

::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"}  ** 查找其他区块**

探索用于创建令人惊叹且功能强大的文档页面的新方法和区块。

[查看所有区块](docId\:B4IohMBgLgJ5t-HvaLMTF) 
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}**  需要帮助？⬇️**

使用**蓝色** **聊天气泡**（位于右下角）。

或者尝试**AI 聊天**（在搜索框中）以快速获得答案。
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}**   您的意见很重要**

使用下面的反馈表单（匿名）。

或者在**Q\&A 区域**中提出问题，我们的团队或 AI 会为您提供解决方案。
:::
::::