VuePress基于 Vite 和 Vue 构建优秀框架

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