# 提示块

编辑 Astro、Starlight、Fumadocs 和 Prosefly 文档中的提示、说明、警告与通知。

import ContentEditor from '@/components/editor/ContentEditor.astro';

使用 Prosefly 的 MDX 组件编辑器编辑提示块，同时保留 Astro、Starlight、Fumadocs 或 Prosefly 网站使用的语法。

## 支持的配置

同一个编辑器支持 [Astro](/zh-cn/frameworks/astro/)、[Starlight](/zh-cn/frameworks/starlight/)、[Fumadocs](/zh-cn/frameworks/fumadocs/) 和 [Prosefly](/zh-cn/frameworks/lotus/) 配置。选择与你的网站匹配的配置，即可查看该集成支持的组件语法和编辑控件。

## 可视化编辑

Collection 的配置支持时，可以通过 `/` 插入提示块，也可以选中已有提示块。正文直接在块内编辑，通过控件调整受支持的类型和标题。配置支持图标时，也会显示相应的图标控件。

<ContentEditor content="callout" />

## 源码示例

```mdx
import { Aside } from '@astrojs/starlight/components';

## 发布前检查

<Aside type="caution" title="检查文件差异">
  发布页面前，请确认内容修改符合预期。
</Aside>
```

## 配置差异

| 配置      | 支持的形式                                         |
| --------- | -------------------------------------------------- |
| Starlight | Aside 组件，以及 note、tip、caution、danger 指令   |
| Fumadocs  | Callout 组件，使用 Fumadocs 的类型值               |
| Prosefly  | Callout 组件，以及 note、tip、warning、danger 指令 |

例如，Starlight 使用 `caution`，Prosefly 使用 `warning`。请按当前配置提供的选项选择，不要直接套用其他组件库的属性。没有可视化控件的表达式和自定义提示块，仍可在源码模式中编辑。

## 相关 MDX 指南

继续阅读：[折叠面板](/docs/zh-cn/editor/components/accordion/) · [标签页](/docs/zh-cn/editor/components/tabs/) · [步骤](/docs/zh-cn/editor/components/steps/).