fireship.io

在仔细考虑了基于 JavaScript/JSX 的静态站点生成器之后，我们很清楚 Hugo 是唯一能够处理我们项目复杂需求的工具。我们不仅有多种内容格式和分类法，而且我们经常需要在更精细的级别自定义体验。Hugo 为我们解决的问题包括：

• 渲染速度。 从过去的经验我们知道，当你有成千上万的页面和图像时，基于 JavaScript 的静态站点生成器会变得非常慢。
• 功能丰富。 我们的网站有很长的特殊需求列表，而 Hugo 设法涵盖了每一个用例。
• 可组合性。 Hugo 的 partial 和 shortcode 系统使我们能够编写 DRY 且可维护的模板。
• 简单性。 Hugo 易于学习（即使没有 Go 经验），并且不会给我们带来脆弱的依赖关系负担。

尽管它是一个完全交互式的 PWA，并在 JS 包中附带 Angular 和 Firebase，但该站点仍能够实现 95+ 的 Lighthouse 性能得分。这归功于（1）使用 Hugo 预渲染内容，以及（2）将原生 Web 组件惰性地直接嵌入到 HTML 和 Markdown 中。我们在 YouTube 上提供了对架构的详细解释，并且无法想象没有 Hugo 的开发。