Forestry.io

从一开始就很清楚，我们必须使用静态站点生成器。静态站点安全、性能高，并且为您提供 100% 的灵活性。在 Forestry.io，我们为使用静态站点生成器构建的网站提供内容管理解决方案，因此我们可能有点偏颇。唯一的问题是：哪个静态站点生成器是我们的正确选择？

为什么选择 Hugo？

在早期研究中，我们参考了 Ionic 的网站以获得一些灵感。他们使用 Jekyll 构建他们的网站。虽然 Jekyll 是一个很棒的生成器，但对于较大的站点，构建时间可能会非常缓慢。我们的网站有 150 多个页面，加上许多自定义配置和附加组件，不再属于低容量类别。我们的开发人员希望在开发网站时获得流畅的体验，我们的内容编辑人员需要能够快速预览内容。简而言之，我们需要我们的构建速度快如闪电。

我们知道 Hugo 速度很快，但在做出决定之前，我们还进行了一些额外的基准测试。看到 Hugo 的实际运行是一个完全不同的世界。Hugo 构建我们 150 页的站点只需不到一秒的时间！看看

                   | EN   
+------------------+-----+
  Pages            | 141  
  Paginator pages  |   4  
  Non-page files   |   0  
  Static files     | 537  
  Processed images |   0  
  Aliases          |  60  
  Sitemaps         |   1  
  Cleaned          |   0  

Total in 739 ms

事实上，我们非常喜欢 Hugo，以至于我们的向导 Chris 公开了他的工作流程，并启动了开源项目 Create-Static-Site。这是一种简单的方法来启动站点并使用一行代码设置现代 Web 开发工作流程。它本质上是将构建配置作为 JS、CSS 和图像处理的依赖项添加。

最后，我们想借此机会对我们用于构建网站的其他优秀工具表示喜爱。

我们使用了哪些工具？

• 我们的挪威设计师 Nichlas 非常喜欢 Sketch。据我们所知，它是设计师梦想成真的工具。
• 有人说我们的主图 令人着迷。Nichlas 使用 3DS Max 创建了它。
• Hugo – 当然。
• Chris 认为没有 Gulp 和 Webpack 就无法进行现代 Web 开发。我们使用它们添加了额外的构建步骤，例如 Browsersync、CSS、JS 和 SVG 优化。
• 说到为我们的构建添加步骤，如果没有用于持续部署和自动化测试的 CircleCI，我们的生活会困难得多。
• 我们对 Algolia 赞不绝口。Chris 很喜欢它，甚至写了一篇关于如何在 Hugo 中使用 Algolia 的教程，使用了 Hugo 的 自定义输出。
• Cloudinary 可能是将响应式图像放入网站的最简单方法之一。
• 我们可能在这方面有点偏颇 - 我们认为 Forestry.io 是一种很棒的方式，可以在您的站点之上添加一个具有简洁 UI 的内容管理系统，而不会干扰您作为开发人员的体验。
• 出于托管目的，我们使用强大的 AWS。
• Formspree.io 正在管理我们的支持和企业请求。
• 我们还使用浏览器 Cookie 和 JS 来定制用户的体验，使其更具动态感。