企业网站排名软件度智能优化,网站建设文化案例,没人做网站了吗,企业网站怎么建立VitePress 是一个静态站点生成器 (SSG)#xff0c;专为构建快速、以内容为中心的站点而设计。简而言之#xff0c;VitePress 获取用 Markdown 编写的内容#xff0c;对其应用主题#xff0c;并生成可以轻松部署到任何地方的静态 HTML 页面。 VitePress 附带一个用于技术文档…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
