跳至主要內容

Markdown

小于 1 分钟

Markdown

@vuepress/theme-default

自定义容器

  • 使用:

    ::: <type> [title]
    [content]
    :::
    

    type 是必需的, titlecontent 是可选的。

    支持的 type 有:

  • 示例 1 (默认标题):

输入

::: tip

这是一个提示

:::

::: warning

这是一个警告

:::

::: danger

这是一个危险警告

:::

::: details
这是一个 details 标签

:::

输出

提示

这是一个提示

注意

这是一个警告

警告

这是一个危险警告

详情

这是一个 details 标签

  • 示例 2 (自定义标题):

输入

::: danger STOP
危险区域,禁止通行

:::

::: details 点击查看代码

```ts
console.log("你好,VuePress!");
```

:::

输出

STOP

危险区域,禁止通行

点击查看代码
console.log("你好,VuePress!");
  • 示例 3 (Code Group 别名):

输入

:::: code-group
::: code-group-item FOO

```ts
const foo = "foo";
```

:::

::: code-group-item BAR

```ts
const bar = "bar";
```

:::

::::

输出

const foo = "foo";