KeyCDN
keycdn.comKeyCDN 是一个高性能的内容分发网络 (CDN),提供许多强大的功能,包括可以实时转换和优化图像的图像处理功能。我们的网络提供全球覆盖范围,以加快内容交付速度,并且能够在边缘交付整个静态网站,例如使用 Hugo 构建的网站。

在KeyCDN,我们主要关注的是性能。速度已经融入我们的基因,从一开始我们就明白,我们必须使用一个快速静态网站生成器来满足我们的需求。在评估合适的解决方案时,Hugo 满足了我们的需求,我们不再寻求其他方案,因为它速度最快且最灵活。
为什么我们选择 Hugo
在我们迁移到 Hugo 之前,我们的网站是由一个包含大约 50 个页面的基于 PHP 的网站和一个包含超过 500 篇博客文章和知识库文章的 WordPress 网站提供支持的。随着时间的推移,这变得越来越难以维护。我们感觉我们失去了我们需要的速度和灵活性。为了克服这个问题,我们知道我们需要将我们的网站转换为静态网站。这将使我们的网站更快、更安全,因为它可以由我们所有的边缘位置提供。
起初这并非易事,然而,在评估 Hugo 并对其进行基准测试后,我们知道我们找到了理想的解决方案。Hugo 是迄今为止最快的设置,并提供了一种直观的方式来构建我们整个网站,完全按照需要。基于 Go 的模板、短代码和配置选项使得构建复杂的网站变得容易。
在 2018 年秋季,我们开始了迁移工作,在短短几个月内,我们使用 Hugo 构建了一个自定义静态网站,并将所有内容从旧系统迁移过来。Hugo 提供的简单性和大量功能使这个过程非常快速,并且让我们的整个团队,包括我们所有的撰稿人和开发人员,都对这次迁移感到满意。自从迁移到 Hugo 以来,我们再也没有回头。Hugo 已经成为我们技术栈中不可或缺的一部分。我们感谢所有为使 Hugo 成为今天的样子做出贡献的人。
技术概述
以下是我们使用 Hugo 构建网站的概述:
- KeyCDN 使用自定义主题,是我们所有样式表和 JavaScript 的主要中心。我们的其他网站,例如 KeyCDN 工具 ,只导入所需的样式表和 JavaScript。
- 我们在构建过程中使用 Gulp 来执行许多任务,例如组合、版本控制和压缩我们的样式表以及 JavaScript。
- 我们的搜索由我们构建的自定义解决方案提供支持。它允许搜索我们的页面、博客和知识库。它使用 Axios 发送包含搜索查询的
POST
请求。搜索 Hugo 生成的 JSON 索引文件,然后返回结果。 - 我们的评论系统也由我们构建的自定义解决方案提供支持。它使用 Axios 发送包含 slug 的
GET
请求来拉取评论线程,并在提交评论时发送包含姓名、电子邮件地址和评论的POST
请求。 - 我们的联系表单是一个简单的 HTML 表单,也使用 Axios。
- 我们的撰稿人使用短代码来增强 Markdown 的功能。
- 我们的整个网站通过 KeyCDN 使用拉取区域进行交付,这意味着我们所有的边缘位置都在交付我们的网站。
Improve this page