静态网站如何运作？

Question

我正在努力使自己对这种新的静态站点生成器范例有所了解。究竟如何运作？

假设我有一个博客，并且我使用Nextjs或Gatsby生成了静态页面：

• 是否为每个博客帖子创建一个新页面？
• 发布新帖子时，是否需要重新构建一遍？如果是这样，是否不时有某种例行程序？

Answer 1

我可以为盖茨比回答。我敢肯定，这里的人比我更了解盖茨比，但事情就这样了。

• “它是否为每个博客帖子都创建一个新页面？”

Gatsby将静态地渲染所有可以渲染的东西。这意味着一些静态呈现的HTML，例如博客文章和React组件的集合。在盖茨比首页上：

  

Gatsby.js是静态PWA（渐进式Web应用程序）生成器。您可以立即获得代码和数据拆分。 Gatsby仅加载关键的HTML，CSS，数据和JavaScript，因此您的网站将尽快加载。加载后，盖茨比（Gatsby）会预取其他页面的资源，因此在网站上单击的速度非常快。

• “当我发布新帖子时，是否需要重新构建它？如果是，是否有某种例行程序会不时地这样做？”

构建步骤（例如gatsby build）将成为任何标准部署过程的一部分。在开发过程中，这些静态页面是通过热重载在保存时重建的。