尤雨溪宣布推出 VitePress 1.0

前言

尤雨溪宣布正式发布 VitePress 1.0 版本，并声称其 “基于 Vite 和 Vue 构建，是 VuePress 的精神继承者和现代替代品。”

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）进行站点内的后续导航。尤雨溪指出，这种模式为性能提供了最佳平衡：提供快速的初始加载、快速的加载后导航以及高效交互性。