自定义容器
Mr.Hope ... 2022-1-21 大约 1 分钟
主题可以为你添加提示、注释、信息、注意、警告和详情自定义容器的支持。
# 配置
module.exports = {
themeConfig: {
mdEnhance: {
// 这是默认选项，所以你可以直接使用它
container: true,
},
},`
};
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 演示
相关信息
信息容器。
注
注释容器。
提示
提示容器
注意
警告容器
警告
危险容器
DETAILS
详情容器
自定义标题
信息容器
自定义标题
注释容器
自定义标题
提示容器
自定义标题
警告容器
自定义标题
危险容器
自定义标题
详情容器
自定义信息
自定义注释
自定义提示
自定义警告
自定义危险
::: info
信息容器。
:::
::: note
注释容器。
:::
::: tip
提示容器
:::
::: warning
警告容器
:::
::: danger
危险容器
:::
::: details
详情容器
:::
::: info 自定义标题
信息容器
:::
::: note 自定义标题
注释容器
:::
::: tip 自定义标题
提示容器
:::
::: warning 自定义标题
警告容器
:::
::: danger 自定义标题
危险容器
:::
::: details 自定义标题
详情容器
:::
::: info 自定义信息
:::
::: note 自定义注释
:::
::: tip 自定义提示
:::
::: warning 自定义警告
:::
::: danger 自定义危险
:::
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62