2.main.js中引入 import { ViteSSG } from 'vite-ssg' import { setupLayouts } from 'virtual:generated-layouts' import generatedRoutes from '~pages'// page目录下为所放的路由页面 const routes = setupLayouts(generatedRoutes) export const createApp = ViteSSG(App, { routes }, ({ app }) => ...
SSR(服务端渲染) / SSG(服务端生成) 都是介绍性官网开发的合适姿势,对于不需要太多渲染逻辑的静态页面来说,SSG 就足矣,你只需要把生成出来的 HTML 扔到任何页面托管网站上都可以直接提供访问,对 CDN 也足够友好,如果自己喜欢折腾也可以搞自己的服务器来部署,我自己就是使用 nginx 来部署 SSG 生成的静态页面作为...
个人博客之前一直选择用 WordPress ,一方面除了有 LNMP 一键部署等快速搭建方案,和各种各样的模板之外,主要也是归功于 WP 对 SEO 的支持也是非常好,我这个博客的日常访问都是来自于搜索引擎。 单纯选择用 Vue 3.0 重新开发 SPA 应用肯定会丢失 SEO,所以才有了前面的 技术栈的选择,本次是通过 SSG 方案来落地服务...
个人博客之前一直选择用 WordPress ,一方面除了有 LNMP[23] 一键部署等快速搭建方案,和各种各样的模板之外,主要也是归功于 WP 对 SEO 的支持也是非常好,我这个博客的日常访问都是来自于搜索引擎。 单纯选择用 Vue 3.0 重新开发 SPA 应用肯定会丢失 SEO,所以才有了前面的 技术栈的选择[24],本次是通过 SSG 方案...
加上搞 SSR 的话,服务器成本比较高,我的低配 ECS 可能 Hold 不住,好好玩一玩的话还要投点钱,想了想先算了,那么退而求次就是上 SSG 。 基于SSG 玩转SSG 也是有考虑过一些开箱即用的 SSG 框架,比如用的人最多的Hexo [12] ,但我本身一直对 Hexo 不太感兴趣,而且似乎满大街随便找一个独立博客都是基于...
单纯选择用 Vue 3.0 重新开发 SPA 应用肯定会丢失 SEO,所以才有了前面的 技术栈的选择[24],本次是通过 SSG 方案来落地服务端渲染。 项目架构规划 在开始动手之前,还要对网站架构做一波规划,盲目动手只能给自己挖坑,自己的博客虽然说内容不多,但也有一些东西要考虑: ...
静态站点生成 SSG: 在build的的时候就已经生成好静态页面,放在服务端的也是静态页面,博客,静态官网都非常合适 增量静态再生 ISR:ISR 是 SSG 的下一个改进,它定期构建和重新验证新页面,以便内容永远不会过时 显而易见,做个官网ssg就非常合适,正好相关插件vite-ssg也有,配合多页面插件vite-plugin-pages来尝试一下 ...
VitePress 是一个静态站点生成器 (SSG)，专为构建快速、以内容为中心的站点而设计。简而言之，VitePress 获取用 Markdown 编写的内容，对其应用主题，并生成可以轻松部署到任何地方的静态 HTML 页面。VitePress 建立在 Vite 和 Vue 之上，是 VuePress 的精神继承者和现代化的替代品。使用场景 文档 VitePress 附带一个...
据3月22日消息,Vue.js团队推出了静态站点生成器(SSG)工具箱VitePress1.0版本,基于Vite和Vue这两款强大的前端框架打造。 VitePress允许用户通过Markdown编辑内容,应用特定的主题并生成易于部署的静态HTML页面。值得注意的是,VitePress不仅仅适用于文档制作领域,还能用于博客、档案及营销型网站的定制化开发。
SSR 和 SSG:Vite 还支持服务器端渲染和静态站点生成。 Vite 最适合开发性能更优越的博客网站。 SSG:静态站点生成(SSG)是一种在构建时预呈现网站 HTML 页面的方法,可为每个页面生成静态 HTML 文件。 Remix Remix 是一个全栈式 web 框架,专注于用户界面,背靠 web 标准,提供快速、流畅且有弹性的用户体验。