使用 Hugo 构建静态网站并使用 Netlify 进行部署

我将重点介绍如何使用 Hugo 快速搭建网站并迅速部署到 Netlify。但在开始构建之前，我们必须先了解 Hugo 和 Netlify 是什么。

Hugo是最受欢迎的开源静态网站生成器之一。凭借其惊人的速度和灵活性，Hugo让网站建设再次充满乐趣。

Netlify是一个统一的平台，可自动执行代码，从而创建高性能、易于维护的网站和 Web 应用程序。

步骤 1：安装 Hugo

要使用 Hugo，我们需要通过运行以下命令来安装它（Mac 或 Ubuntu 用户）。

brew install Hugo

sudo apt-get install Hugo

步骤 2：创建一个新的 Hugo 站点

hugo new site -siteName

步骤三：选择一个主题

Hugo 最棒的功能之一就是你可以从这里丰富的模板库中选择主题：hugo-themes。随便选一个主题吧，我这里用的是 hugo-hikari-theme。记得仔细阅读主题的使用说明哦。

将 theme.toml 文件复制到 config.toml 文件中。

步骤 4：运行主题

hugo server

您应该会看到类似这样的构建过程和消息：

Server is available at http://localhost:1818/

您可以根据个人喜好随意修改主题。

步骤 5：部署到 Netlify

这是让我们的网站最终上线运行的最简单步骤，我们只需要在 Netlify 上创建一个帐户，并将您的 GitHub 个人资料连接到 Netlify 即可。

完成上述步骤后，从 Netlify 控制面板创建一个新站点，并连接您在 GitHub 上的远程存储库。

创建使用此设置的部署命令并进行部署。

瞧，你已经通过这些简单的步骤成功地使用 Hugo 和 Netlify 构建并部署了你的网站。这篇文章最初发布在我的博客上。