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'