Skip to content

VitePress 简介

VitePress 是一个基于 Vite 的静态站点生成器(SSG),专为构建快速、以内容为中心的网站而设计。它是 VuePress 的精神继承者,但提供了更快的开发服务器启动速度、更迅速的热模块重载(HMR)以及更优化的构建性能。

核心特性

  • Vite 驱动:享受 Vite 带来的极速开发体验,包括秒级的服务器启动和闪电般的热更新。
  • Markdown 中心:内置强大的 Markdown 扩展,支持表格、代码块高亮、自定义容器等,让你专注于内容创作。
  • Vue 赋能:在 Markdown 中无缝使用 Vue 组件,轻松实现丰富的交互性和动态内容。
  • 默认主题:提供一个精心设计的默认主题,开箱即用,支持响应式布局、暗黑模式、可定制的导航栏和侧边栏。
  • 性能优化:最终生成的网站是纯静态 HTML,加载速度极快,并对 SEO 友好。

与 VuePress 的区别

特性VuePress v1VitePress
底层打包工具WebpackVite
开发服务器性能较慢极快
配置较为复杂更简洁
生态成熟,插件丰富正在快速发展

如果你正在开始一个新项目,可以考虑使用 VitePress,它因其卓越的开发体验和性能而成为首选。

适用场景

VitePress 非常适合用于构建:

  • 技术文档
  • 个人博客
  • 产品介绍网站
  • 开源项目主页

快速开始

通过以下命令快速创建一个 VitePress 项目:

bash
npm add -D vitepress
npx vitepress init

然后按照命令行提示进行操作,即可启动你的文档网站。