Markdown

自定义容器

• 使用：

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

  type 是必需的， title 和 content 是可选的。

  支持的 type 有：

  • tip
  • warning
  • danger
  • details
  • CodeGroup 和 CodeGroupItem 的别名：
    • code-group
    • code-group-item

• 示例 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";

const bar = "bar";