自定义容器
Mr.Hope ... 2022-1-20 大约 2 分钟
插件可以为你添加提示、注释、信息、注意、警告和详情自定义容器的支持。
# 配置
module.exports = {
plugins: [
[
"md-enhance",
{
// 启用自定义容器
container: true,
},
],
],
};
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
# 演示
相关信息
信息容器。
注
注释容器。
提示
提示容器
注意
警告容器
警告
危险容器
DETAILS
详情容器
自定义信息
自定义注释
自定义提示
自定义警告
自定义危险
::: info
信息容器。
:::
::: note
注释容器。
:::
::: tip
提示容器
:::
::: warning
警告容器
:::
::: danger
危险容器
:::
::: details
详情容器
:::
::: info 自定义标题
一个有 `代码` 和 [链接](#markdown) 的信息容器。
```js
const a = 1;
```
:::
::: note 自定义标题
一个有 `代码` 和 [链接](#markdown) 的注释容器。
```js
const a = 1;
```
:::
::: tip 自定义标题
一个有 `代码` 和 [链接](#markdown) 的提示容器。
```js
const a = 1;
```
:::
::: warning 自定义标题
一个有 `代码` 和 [链接](#markdown) 的警告容器。
```js
const a = 1;
```
:::
::: danger 自定义标题
一个有 `代码` 和 [链接](#markdown) 的危险容器。
```js
const a = 1;
```
:::
::: details 自定义标题
一个有 `代码` 和 [链接](#markdown) 的详情容器。
```js
const a = 1;
```
:::
::: 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98