Markdown 扩展
VitePress 默认支持多种 Markdown 增强,必要时在 config 里用 markdown.config 自定义。
内置增强
- 目录生成:
[[toc]] - 自定义容器:
::: tip/warning/danger - 代码块高亮与行号:
markdown.lineNumbers = true - 脚注、任务列表、表格对齐等 Markdown-it 插件内置。
自定义 Markdown-it
markdown: {
config: (md) => {
md.use(require('markdown-it-footnote'));
},
}
在文档中使用 Vue 组件
- 直接在 Markdown 中写
<Demo />,组件放到.vitepress/theme/components/。 - 适合做交互 Demo、提示块、代码切换。***
