Markdown Extension Examples
更新: 8/21/2025 字数: 0 字 时长: 0 分钟
This page demonstrates some of the built-in markdown extensions provided by VitePress.
链接卡片测试
Vercel
适用于前端框架的无服务器部署平台，支持静态生成和即时预览。
Vite极速的现代前端构建工具，支持热更新与按需加载。
MDN Web Docs权威的 Web 技术文档库，涵盖 HTML、CSS 和 JavaScript。
代码块测试
sh
#默认有行号
pnpm -vsh
#关闭行号
pnpm -vsh
#查询pnpm版本
pnpm -vsh
#查询yarn版本
yarn -v链接统一性调试
https://marketplace.visualstudio.com
Syntax Highlighting
VitePress provides Syntax Highlighting powered by Shiki, with additional features like line-highlighting:
Input
md
```js{4}
export default {
data () {
return {
msg: 'Highlighted!'
}
}
}
```Output
js
export default {
data () {
return {
msg: 'Highlighted!'
}
}
}Custom Containers
Input
md
::: info
This is an info box.
:::
::: tip
This is a tip.
:::
::: warning
This is a warning.
:::
::: danger
This is a dangerous warning.
:::
::: details
This is a details block.
:::Output
INFO
This is an info box.
TIP
This is a tip.
WARNING
This is a warning.
DANGER
This is a dangerous warning.
Details
This is a details block.
More
Check out the documentation for the full list of markdown extensions.