本文主要描述了如何基于 Netlify 的服务快速部署一个静态网站,其网站源码托管在 GitHub,并使用 hugo 工具构建静态网站。 感谢技术的发展,如今搭建一个网站的成本是如此之低,基本上只需要出钱购买域名,其他服务均有免费的提供商。 Netlify 就是一家提供了网站托管服务的提供商,基础功能可以免费使用。 想要使用 Netlify 的服务,首先当然是注册一个 Netlify 的用户,访问 Netlify 的主页,点击页面右上角的 Log in 或者 Sign up 跳转至认证页面 。 Netlify支持使用GitHub、Gitlab等账户进行登录,由于我们的静态网站打算存储在GitHub上,这里自然就选择用GitHub的用户进行登录。 点击 GitHub 按钮跳转至GitHub完成认证和授权,进入Netlify的控制台。 在控制台中可以直接上传已经构建好的静态网站文件,也可以基于已有的 repository 创建网站,当然这两种方式的前提是你已经准备好了静态网站的相关文件。 为了体验快速搭建一个静态网站,这里我选择使用 Netlify 提供的一键部署功能。使用该功能可以基于 Netlify 提供的模板一键部署网站,甚至不需要提前在 GitHub 创建 repository。 首先点击控制台最下方的 Docs 连接,进入 Netlify 的文档主页,并下拉至页面最下方,可以看到如下连接: 点击 View our Templates 即可进入模板页面。 可以在页面中浏览一下提供的模板,模板名称下面的 Tag 显示了该模板所使用的技术等信息。由于后面我们打算使用 Hugo 构建网站,因此直接使用 Hugo 标签过滤出所有基于Hugo的模板: 第一模板的主题看起来还不错,就选择它进行部署,点击 Deploy to netlify 按钮,去 GitHub 进行授权。 使用GitHub的账号进行登录,如果之间已经完成过授权,会直接跳到下一步: 在这里可以输入将要在 GitHub 上创建的 repository 的名字,这里我使用默认名称,不进行修改。 点击 Save & Deploy 按钮完成部署。……