VitePress 是一个静态站点生成器 (SSG),专为构建快速、以内容为中心的站点而设计。简而言之,VitePress 获取用 Markdown 编写的内容,对其应用主题,并生成可以轻松部署到任何地方的静态 HTML 页面。
VitePress 附带一个用于技术文档的默认主题,为 Vite、Rollup、Pinia、VueUse、Vitest、D3、UnoCSS、Iconify 等提供支持。Vue.js 官方文档也是基于 VitePress 的。但是为了可以在不同的翻译文档之间切换,它自定义了自己的主题。
根据介绍,VitePress 旨在使用 Markdown 生成内容时提供出色的开发体验。
- 它由 Vite 驱动,始终立即反映 (<100ms) 编辑变化,无需重新加载页面。
- 内置 Markdown 扩展提供 frontmatter、表格和语法高亮显示等功能。
- 使用 Vue 增强的 Markdown,由于 Vue 模板的语法与 HTML 兼容,每个页面都是一个 Vue 单文组件。开发人员可以使用 Vue 模板功能或导入的 Vue 组件在静态内容中嵌入交互性。
且与许多每次导航都会导致页面完全重新加载的传统 SSG 不同,VitePress 生成的网站在初次访问时提供静态 HTML,但它变成了单页应用程序(SPA)进行站点内的后续导航。尤雨溪指出,这种模式为性能提供了最佳平衡:提供快速的初始加载、快速的加载后导航以及高效交互性。
参考:
Announcing VitePress 1.0 | The Vue Point
Vite | Next Generation Frontend Tooling
Rollup
Pinia | The intuitive store for Vue.js
VueUse
Vitest | Next Generation testing framework
D3 by Observable | The JavaScript library for bespoke data visualization
UnoCSS: The instant on-demand Atomic CSS engine
Iconify Design: All popular icon sets, one framework.
Vue.js - 渐进式 JavaScript 框架 | Vue.js
https://en.wikipedia.org/wiki/Single-page_application