Skip to content

SSG (Static Site Generator)

SSG 是 "Static Site Generation"(静态网站生成)的缩写。它表示网页在构建阶段被预先渲染成静态的 HTML,然后直接提供给客户端,而不需要服务器实时生成 HTML。

在传统的 SSR 中,每当用户请求一个页面时,服务器就会实时生成 HTML。有了 SSG,HTML 可以在构建过程中被提前生成,并被托管在 CDN 或其他静态资源服务中。

与传统的 SSR 相比,SSG 可以提供更快的加载速度以及更少的服务端开销,因为不需要维护一个服务器来实时生成 HTML。然而,SSG 不适合需要动态内容的网站,因为 HTML 是在构建过程中生成的,不支持实时更新。

SSG 的优势

  • 首屏渲染更快:用户无需等待 JavaScript 加载和执行,浏览器加载 HTML 后即可看到完整内容,而不是在用户访问时才进行渲染。
  • SEO 友好:搜索引擎爬虫可以直接抓取到完整的 HTML 内容。
  • 易于部署:产物是纯静态文件,无需部署服务器 API,可直接上传到 CDN 或任何静态托管服务。

Tools

Image hosting service

  • 图壳
  • GitHub + jsdelivr + PicGo
  • 各大云服务对象存储cos

Discussion

Badge

  • bandage 一般用于开源项目,统计 star, fork, issues, pull request, release, deploy, visitors

在这里插入图片描述

在这里插入图片描述

Analytics

Code Image

Deployment

GitHub Pages

GitLab Pages

Cloudflare Pages

Vercel

Netlify

Powered by VitePress