minidocs

提示框

提示框用来突出正文里的注意事项。在 Markdown 里直接写,不需要引入任何组件。

指令语法

:::tip[先在本地预览]
发布之前,先运行 `pnpm dev` 看一看。
:::

先在本地预览

发布之前,先运行 pnpm dev 看一看。

方括号里是标题,可以省略。块里面是普通的 Markdown,列表、代码块都可以直接写,不需要每行加前缀。

一共有 5 种类型,默认样式里各有一种颜色:

note:补充说明。

tip:建议和技巧。

important:读者必须知道的信息。

warning:可能出问题的地方。

caution:可能造成损失的操作。

写错类型名,比如 :::tips,构建时会报错,避免它悄悄变成一段原样显示的文字。

GitHub 语法

GitHub 的提示块语法也可以用,适合从 README 搬过来的内容:

> [!WARNING]
> 删除之后无法恢复。

删除之后无法恢复。

这种写法在 GitHub 和编辑器的预览里也能正常显示,但不支持标题。需要标题时用指令语法。

在组件和布局里

在 .astro 文件里用 Callout 组件,渲染结果和 Markdown 语法完全相同:

---
import { Callout } from '@minidocs/astro/components';
---

<Callout.Root type="tip">
  <Callout.Title>先在本地预览</Callout.Title>
  <p>发布之前,先运行 <code>pnpm dev</code> 看一看。</p>
</Callout.Root>

type 是五种类型之一,默认是 note。

关闭语法

两种语法默认都是打开的,可以分别关闭:

minidocs({
  markdown: {
    directives: false, // :::tip
    alerts: false, // > [!TIP]
  },
});

打开指令语法后,正文里像 10:30、a:hover 这样带冒号的文字仍然会原样显示。

本页目录
搜索范围
输入关键词开始搜索