静态站点生成
Static Site Generation
中级网页静态站点生成（Static Site Generation）是在构建网站时，提前把页面内容生成 HTML 文件，访问者打开页面时直接获取这些文件。它适合内容更新不频繁的页面，减少每次访问时由服务器临时生成页面的工作，例如产品介绍页和帮助文档。
你可能会说：「我想让产品介绍和帮助文档提前生成好，用户打开时直接看到页面。」
动手看看产品介绍页的提前生成
1
发布网站时，构建程序先读取产品文案。这一步发生在访客打开页面之前。
要点页面提前生成后，网站会怎样运行？
- 1
构建时把内容变成页面文件
你写好页面模板和内容后，构建程序会提前生成对应的 HTML 文件。因为访问者不必等服务器现场拼出页面，所以这些文件可以直接交给网站托管服务分发。
- 2
页面静态不等于不能交互
提前生成的是初次访问时拿到的页面，不代表按钮和表单都不能用。浏览器加载 JavaScript 后，仍能处理交互、请求 API；只是这些动态结果不是构建时就写进 HTML 的。
- 3
内容更新要考虑重新构建
如果页面内容在构建时写进了 HTML，改完内容通常要重新构建并部署，访问者才会看到新版。做帮助中心时，我们可以据此判断发布流程能否接受这个等待。
容易混淆的地方
它容易和服务端渲染、纯前端渲染混淆。服务端渲染是在收到请求时由服务器生成 HTML；静态站点生成则提前在构建时生成。纯前端渲染主要靠浏览器运行 JavaScript 后填充内容。一个网站也可以混用这些方式：公开介绍页提前生成，个人工作台按用户请求加载数据。
什么时候用
适合用
- 做产品官网或定价说明，内容由团队发布，访客看到的是相同的公开信息。
- 做帮助文档或教程站，文章可在发布时统一构建，不需要每次访问都查询最新内容。
- 做活动落地页，页面内容事先确定，希望上线后直接分发给大量访客。
不适合用
- 做登录后的个人账单页，每个人看到的数据不同，改用按请求获取数据的页面。
- 做每秒变化的实时行情页，核心内容必须持续刷新，改用客户端请求或实时通信获取数据。
- 做需要立即显示刚发布内容的社区信息流，不想等待重新构建，改用请求时获取最新数据。
练一练选一个答案，看看解释
你在做一个 AI 工具网站：功能介绍和使用指南每周更新，登录后的用量余额随用户和请求变化。该怎么选择页面生成方式？
让 AI 帮你做复制给 AI Agent 直接用
请用静态站点生成实现产品介绍页和帮助文档：构建时生成公开内容的 HTML，内容修改后通过重新构建发布。登录后的用量余额不要写进静态页面，请在用户访问时按其身份获取，并说明两类页面各自的数据来源。