新聞 | iThome ( ) • 2024-03-27 00:11

Vue开发团队以Vue框架与前端建置工具Vite为基础,开发了静态网站生成器VitePress,现在正式推出1.0版本。VitePress能够解析Markdown语法编写的内容,在套用主题之后,生成可以简单部署的静态HTML页面。

VitePress附带了一个专为技术文件设计的预设主题,可用于创建和维护技术文件。除此之外,VitePress也支援全自定义主题,提供标准Vite和Vue应用程式的开发体验,供开发者可以利用Vite丰富套件生态系建置部落格、个人作品集和行销网站,官方提到,VitePress灵活的API可在建置时载入资料并动态生成路由,其适用于可在建置时确定资料的网站开发需求。

VitePress也拥有Vite即时伺服器启动能力,不需要重新载入页面,开发者的编辑会在不到100毫秒的时间内,迅速反映在网页上。而且VitePress支援包括Frontmatter、表格、语法突出显示等Markdown扩充,供开发者可使用许多程式码操作功能,方便地编辑技术文件。

高效能是静态网站生成器VitePress的重要特色,其生成的网站在首次存取时,提供静态、预渲染的HTML,因此可实现快速的载入速度,然后借由Vue高效的动态化(Hydration)过程,把页面转换为单页应用程式(SPA),即便在低阶装置也可高效运作。

此外,当用户在网站内部导航时,VitePress利用单页应用程式模型,避免全页面重新载入,提供更快的后续页面载入速度,并自动预取可视范围内的连结,加快导航速度。在VitePress中,每页Markdown语法都会被编译为Vue元件,透过智慧分割静态和动态内容,最小动态化成本和负载大小。