Hugo 正迅速成为创建网站的最佳方式之一。Hugo 是一个免费且开源的静态网站生成器，可让您轻松构建美观的静态网站。静态网站非常棒，因为它们占用很少的系统资源来托管。与依赖数据库、php 等的 Wordpress 之类的东西相比，静态站点只是 HTML、CSS 和偶尔的 JavaScript 行。因此，静态站点非常适合简单的博客、文档站点、作品集等等。

什么是静态站点？

静态网站只是由每个单独页面的基本 HTML 和 CSS 文件组成的站点。静态站点可以轻松创建和发布，因为服务器要求很小，并且发布它们所需的服务器端软件非常有限。您无需了解编码和数据库设计即可构建静态网站。

在互联网的早期，大多数东西都是静态的，但网站平淡且设计糟糕。此外，如果您想进行网站范围的更改（例如页脚中的链接），则需要遍历网站的每个文件并在逐页的基础上进行更改。如果没有自动化工具，维护大量固定页面的文件似乎是不切实际的。但是，随着现代 Web 模板系统的出现，这种情况正在发生变化。

在过去的几年中，静态站点再次变得流行。这归因于编程语言和库的进步。现在，借助静态站点生成器，您可以托管博客、大型网站等，并能够即时进行站点范围的更改。

静态站点的优势

静态文件很轻巧，使站点加载速度更快。成本效益是公司倾向于迁移到静态站点的另一个重要原因。以下是静态站点相对于基于内容管理系统和服务器端脚本（如 PHP、MySQL 等）的传统站点的一些优势。

速度

使用服务器端渲染，与网页加载相关的潜在困难较小。在这里，您网站的内容以完全预渲染的网页形式呈现。然而，在传统站点中，网页是为每位访问者单独构建的。更好的速度提供了更好的 SEO 排名和更好的整体站点性能。

灵活性

静态网站在使用框架进行渲染方面有多种选择。您可以自由选择任何编程语言和框架，例如 Ruby、JavaScript、Vue、React 等。这使得构建和维护比传统站点更顺畅。此外，静态站点具有更少的依赖项。因此，您可以轻松利用您的云基础设施并轻松迁移。

安全

与静态平台相比，现代 Web 平台更容易受到黑客攻击。由于整个系统保持连接，因此有很多机会破坏站点的数据。但是在静态站点中，内容数据库独立于前端界面。这减少了黑客的入口点，从而使您的数据更安全。站点访问者每次访问时都不会连接到数据库。这提供了优于数据库驱动网站的另一个优势。

什么是 Hugo？

有很多静态站点生成器，但 Hugo 声称是世界上最快、最流行的开源框架，用于构建网站。Hugo 提供了惊人的速度和极大的灵活性，可轻松构建您的网站。

Hugo 最初由 Steve Francia 开发。展望未来，Hugo 的性能和功能得到了极大的改进。它可以在几秒钟内生成网站。它在 Apache License 2.0 下获得许可。

Hugo 的工作原理

作为静态网站构建器，Hugo 接受 i18n 捆绑包、数据文件、静态文件、布局模板、以 Markdown 文件、Org-mode 或 AsciiDoctor 编写的内容，并通过主题模板运行这些文件。然后将它们分解为 HTML 文件，这些文件可以轻松地通过互联网部署以渲染静态网站。有趣的是，它完成所有事情都非常快。它可以在短短 10 秒内渲染一个拥有 10,000 个页面的站点。

Hugo 可以作为独立的exe文件进行交易，这与其他需要软件依赖项和包管理器的 SSG 不同。Hugo 的一些值得一提的功能包括图像处理、多语言支持、短代码和自定义输出格式。嵌套部分允许您分隔不同类型的内容，例如博客、播客等。

安装 HUGO

有很多方法可以在您的系统上安装 HUGO，详细信息请参见此处文档。根据您运行的发行版，它可能在您系统的本机软件包存储库中。在我的运行 Ubuntu 的 Linode 上，我们只需要运行以下命令。

sudo apt install hugo

一旦安装了 Hugo，我们需要创建一个网站目录，以便我们可以开始配置和主题化。安装 Hugo 后，转到您要构建站点的父目录。这与您的网站将要发布到 Web 的位置不同，这甚至可以在本地计算机上，因为稍后我们将把静态文件移动到公共目录。我通常在我的主目录中执行此操作。

hugo new site example.com

这将构建您可以配置和构建网站的目录。

Hugo 主题

主题将是 Hugo 入门的好起点。主题有各种形状和大小。您可以随时从 Hugo 官方网站上的自定义主题库中查看精美的主题。事实上，其中许多是免费的。许多主题都包含示例文件，以帮助您入门。现在，让我们安装一个主题。在此示例中，我们正在下载 Kiera 主题。要安装

首先，使用以下命令在终端中转到您的主题文件夹。

cd <hugo-项目目录>/themes/

然后，要将 Kiera 克隆到主题目录中，请键入以下命令使用 Git

git clone https://github.com/avianto/hugo-kiera kiera

最后，激活 Kiera。通常，Hugo 主题会提供一个名为 exampleSite 的目录。它包含示例设置文件和示例内容。为了激活 Kiera 主题，将 config.toml 文件复制并粘贴到您站点的博客中，并进行您喜欢的配置编辑。

cp themes/kiera/exampleSite/config.toml

然后确认覆盖之前的 config.toml 文件。

这样，Kiera 主题将被安装和配置。接下来要做的是启动 Hugo 的内置开发 Web 服务器，以便您可以在 Web 浏览器上查看您的站点。

使用 Linode 轻松搞定！

这些是开始使用 Hugo 的初始步骤。要了解更多信息，请查看 Linode 频道上的视频并参考 Hugo 官方文档。此外，如果您想在 Linode 上部署 Hugo 站点，您可以为新帐户获得 100 美元 - 60 天的信用额度！

您可以在此处观看教程