Welcome to VitePress2. markdown-itの構文
markdoen-it-container
ポイント
tips表示
情報
info表示
注意
worning表示
危険
danger表示
拡張
アコーディオン
隠したいテキスト
spoilerの実装
const containerMdExtend = (md) => ({
validate: function (params) {
return params.trim().match(/^spoiler\s+(.*)$/);
},
render: function (tokens, idx) {
var m = tokens[idx].info.trim().match(/^spoiler\s+(.*)$/);
if (tokens[idx].nesting === 1) {
// opening tag
return '<details><summary>' + md.utils.escapeHtml(m[1]) + '</summary>\n';
} else {
// closing tag
return '</details>\n';
}
},
});
module.exports = containerMdExtend;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
::: tip ポイント
tips表示
:::
::: info 情報
info表示
:::
::: warning 注意
worning表示
:::
::: danger 危険
danger表示
:::
::: spoiler アコーディオン
隠したいテキスト
:::
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
markdown-it-lists
- タスク1
- タスク2
- [ ] タスク1
- [x] タスク2
1
2
2