如何在Vercel部署Hugo静态网站

Hugo 号称是世界上最快的静态网站生成器,它的速度确实非常快,而且支持多种主题,可以满足不同用户的需求。本文将介绍如何在 Vercel 上部署 Hugo 静态网站。

Vercel 是一个傻瓜式的部署平台,支持多种框架,包括 Hugo、Gatsby、Next.js 等。它的部署速度非常方便,而且支持自定义域名,是一个非常适合部署静态网站的平台。

注册 Vercel 账号

首先,访问 Vercel 官网,点击右上角的【Sign Up】按钮,使用 GitHub 账号登录或者注册一个新账号。

导入 Github 的 Hugo 项目

1725727814959.webp

选择 Hugo 框架

在 Build & Development Settings 中,选择 Hugo 框架,如下图

1725727876153.webp

然后其他默认设置即可,点击【Deploy】按钮,等待部署完成。

配置自定义域名

在项目的 Settings -> Domains 中,可以配置自定义域名,把自己的域名绑定 A 记录到 Vercel 的 IP 上即可。

这样一个简单的 Hugo 静态网站就部署完成了。