跳到主要内容

提示块代码

你有没有发现,许多 Docusaurus 文档龙网站中带有一些强调 / 提示块样式,比如说长成下面这个样子:

提示

这是一个提示块。

这其实是因为文档龙内置了 Infima 设计组件,你可以点击此文档查看所有的样式设计。

完整列表

Docusaurus支持多种预定义的警告 / 提示块,以下是完整代码和相对应的样式:

neutral

效果:

提示

这是一个提示块,表示 neutral 的信息。

代码:

:::tip
这是一个提示块,表示 neutral 的信息。
:::

neutral

效果:

信息

这是一个信息块,表示 useful 的信息。

代码:

:::info
这是一个信息块,表示 info 的信息。
:::

caution

效果:

警告

这是一个小心块,表示需要注意的信息。

代码:

:::caution
这是一个小心块,表示需要注意的信息。
:::

danger

效果:

危险

这是一个危险块,表示negative的信息。

代码:

:::danger
这是一个危险块,表示 negative 的信息。
:::

success

效果:

提示

这是一个成功块,表示 positive 的信息。

代码:

:::success
这是一个成功块,表示 positive 的信息。
:::

important

效果:

信息

这是一个重要块,强调重要信息。

代码:

:::important
这是一个重要块,强调重要信息。
:::

note

效果:

备注

这是一个注释块,表示临时注释信息。

代码:

:::note
这是一个注释块,表示临时注释信息。
:::
  • Alpha
  • Beta
  • Gamma
  • Zeta