VitePress 是一个静态网站生成器(SSG),旨在构建快速,以内容为中心的网站。简单地说,VitePress获取您用Markdown编写的源代码内容,对其应用主题,并生成可以轻松部署在任何地方的静态HTML页面。 前端小伙伴经常访问的 Vite、Rollup、Pinia、VueUse、Vitest 等官方文档都是基于VitePress的。
![]() |
14345 |
![]() |
2278 |
主要特点
-
Vite 驱动:即时服务器启动,始终立即反映 (<100ms) 编辑变化,无需重新加载页面。
-
内置 Markdown 扩展:frontmatter、表格、语法高亮……应有尽有。具体来说,VitePress 提供了许多用于处理代码块的高级功能,使其真正成为技术文档的理想选择。
-
Vue 增强的 Markdown:每个 Markdown 页面都是 Vue 单文件组件,这要归功于 Vue 模板与 HTML 的 100% 语法兼容性。可以使用 Vue 模板语法或导入的 Vue 组件在静态内容中嵌入交互性。
-
支持完全的自定义主题:具有标准 Vite + Vue 应用程序的开发体验。基于 Vite 构建还意味着可以直接利用其生态系统中丰富的 Vite 插件。
VitePress 是 VuePress 的精神续作,它基于 Vue 3 和 Vite 重构,提供了更好的性能和更现代的开发体验。如果你之前使用的是 VuePress,迁移到 VitePress 应该是相对平滑的,尤其是如果你使用的是 VuePress 1 的默认主题。
VitePress指南:https://vitepress.dev/zh/guide/getting-started
VitePress站点配置:https://vitepress.dev/zh/reference/site-config