KeyCDN

在 KeyCDN，我们主要关注性能。速度深深地融入了我们的 DNA 中，因此我们从一开始就知道我们必须使用一个能够满足我们要求的快速静态网站生成器。在评估正确的解决方案时，Hugo 满足了我们的要求，并且由于它是最快和最灵活的，我们没有再考虑其他方案。

我们为什么选择 Hugo

在我们迁移到 Hugo 之前，我们的网站由一个基于 PHP 的网站提供支持，该网站大约有 50 个页面，以及一个 WordPress 网站，该网站在我们的博客和知识库之间有 500 多篇文章。随着时间的推移，这变得越来越难以维护。我们感觉我们正在失去我们所需的速度和灵活性。为了克服这个问题，我们知道我们需要将我们的网站转换为静态网站。这将使我们的网站更快、更安全，因为它可以通过我们所有的边缘位置交付。

一开始这并不是一项容易的任务，然而，在评估 Hugo 并对其进行基准测试后，我们知道我们找到了理想的解决方案。Hugo 是迄今为止最快的设置，并提供了一种直观的方式来构建我们需要的整个网站。基于 Go 的模板、短代码和配置选项使构建复杂的网站变得容易。

在 2018 年秋季，我们开始了迁移，并在短短几个月内，我们使用 Hugo 构建了一个自定义的静态网站，并将所有内容从我们旧的系统中迁移过来。Hugo 提供的简单性和大量功能使这个过程变得快速，并使我们的整个团队（包括我们所有的作者和开发人员）对这次迁移感到满意。自从迁移到 Hugo 以来，我们再也没有回头。Hugo 已成为我们堆栈不可或缺的一部分。我们感谢所有为使 Hugo 成为今天的样子而做出贡献的人。

技术概述

以下是我们使用 Hugo 构建网站的概述

• KeyCDN 使用自定义主题，并且是我们所有样式表和 JavaScript 的主要中心。我们的其他网站（例如 KeyCDN Tools）仅导入所需的样式表和 JavaScript。
• 我们在构建过程中使用 Gulp 来执行许多任务，例如组合、版本控制和压缩我们的样式表以及我们的 JavaScript。
• 我们的搜索由我们构建的自定义解决方案提供支持。它允许搜索我们的页面、博客和知识库。它使用 Axios 发送包含搜索查询的 POST 请求。搜索由 Hugo 生成的 JSON 索引文件，然后返回结果。
• 我们的评论系统也由我们构建的自定义解决方案提供支持。它使用 Axios 发送一个包含 slug 的 GET 请求来拉取评论线程，并在提交评论时发送包含姓名、电子邮件地址和评论的 POST 请求。
• 我们的联系表单是一个简单的 HTML 表单，它也使用 Axios。
• 我们的作者使用短代码来增强 Markdown 的功能。
• 我们的整个网站通过使用拉取区域的 KeyCDN 交付，这意味着我们所有的边缘位置都在交付我们的网站。