vite-ssg- 服务器端生成。 vitedge- 使用全栈实用程序进行边缘渲染。 vite-react-tailwind-template-React 17、TypeScript、Jest、ESLint、Prettier、Husky、Tailwind CSS、PostCSS、pnpm. awesome-vite Vite Rollup 插件 umi + vite:https://umijs.org/docs/api/config#vite 那么vite 是如何执行的呢? 主要代码在 ...
最初的 VuePress 基于 Vue 2 和 webpack,而 VitePress 利用 Vue 3 和 Vite 的优势,提供了更好的开发体验和生产性能。VitePress 的默认主题更加精美,且 API 更加灵活。 尽管VuePress 2 也支持 Vue 3 和 Vite,并与 VuePress 1 具有更好的兼容性,但由于并行维护两个 SSG 的难度,Vue 团队决定将重点转向 VitePr...
在2023 年的年底,我用 Vite-SSG + Vue3 + Vuetify3 把之前使用 SPA 编写的官网进行了重构,支持多语言,响应式并且对 SEO 和社交媒体分享十分友好
期间,Vite 官网在 2.0 Beta 版发布后,也新增了一 Part Server-Side Rendering | Vite[17] 指导如何实现 Vite SSR,我觉得可行。 加上有两个开源项目让我非常感兴趣,一个是 vite-ssr[18],一个是 vite-ssg[19],我也分别对他们跑了 demo ,很给力,So,最后决定基于这两个开源项目之一,选择自己搭脚手架…… ...
VitePress 是一个基于 Vite 的静态网站生成器,专注于构建快速、简洁的文档网站。它利用 Vite 的构建性能优势,提供了优化的开发体验和高效的静态页面生成,适用于技术文档、博客等内容的展示。 VitePress 介绍及其特点 VitePress是一个专为构建快速、以内容为中心的网站设计的静态站点生成器(SSG)。它通过处理用 Markdown...
我的网站是基于vue3开发,调研之后,决定使用vite-plugin-ssr来实现SSG,下面介绍下具体实现。 vite-plugin-ssr官网:https://vite-plugin-ssr.com/ 1.项目结构 这里建议直接使用vite-plugin-ssr提供的vue示例程序,其中已经把必要的配置都写好了,可以直接进行二开,非常方便,下面的功能介绍也主要基于这个示例展开。
在2023 年的年底,我终于有时间下定决心把我的UtilMeta 项目官网进行翻新,主要的原因是之前的官网是用 Vue2 实现的一个 SPA 应用,对搜索引擎 SEO 很不友好,这对于介绍项目的官网来说是一个硬伤 所以在调研一圈后,我准备用Vite-SSG+Vue3+Vuetify3把官网重新来过,前后花了两周左右的时间,本文记录着开发过程中...
VitePress是一个专为构建快速、以内容为中心的网站设计的静态站点生成器(SSG)。它通过处理用 Markdown 编写的内容,应用主题,并生成可以轻松部署的静态 HTML 页面,简化了创建和维护网站的过程。 使用场景 VitePress 主要适用于以下几种场景: 技术文档 VitePress 附带了一个专为技术文档设计的默认主题。许多知名文档网站...
在2023 年的年底,我终于有时间下定决心把我的UtilMeta 项目官网进行翻新,主要的原因是之前的官网是用 Vue2 实现的一个 SPA 应用,对搜索引擎 SEO 很不友好,这对于介绍项目的官网来说是一个硬伤 所以在调研一圈后,我准备用Vite-SSG+Vue3+Vuetify3把官网重新来过,前后花了两周左右的时间,本文记录着开发过程中...
期间,Vite 官网在 2.0 Beta 版发布后,也新增了一 Part Server-Side Rendering | Vite 指导如何实现 Vite SSR,我觉得可行。 加上有两个开源项目让我非常感兴趣,一个是 vite-ssr,一个是 vite-ssg,我也分别对他们跑了 demo ,很给力,So,最后决定基于这两个开源项目之一,选择自己搭脚手架…… ...