VitePress 特性

VitePress 开箱即用，提供了许多强大的特性。

自定义容器

您可以使用自定义容器来强调重要信息。

INFO

这是一个信息框。

TIP

这是一个提示。小贴士：VitePress 非常快！

WARNING

这是一个警告。请小心。

DANGER

这是一个危险区域。请谨慎操作。

点击查看详情

这是点击摘要后显示的隐藏内容。 对于长代码块或可选信息非常有用。

Markdown 中的 Vue 组件

由于 VitePress 是由 Vue 驱动的静态网站生成器，您可以直接在 Markdown 文件中使用 Vue 组件！

代码组

您可以将代码块分组在一起。

npm

npm install vitepress

pnpm

pnpm add vitepress

yarn

yarn add vitepress

语法高亮

VitePress 使用 Shiki 进行语法高亮，支持多种语言和主题。

// 高亮第 1 行和第 4 行
import { defineConfig } from 'vitepress'

export default defineConfig({
  title: 'My Site'
})