使用Vercel搭建一个静态网站

提供免费搭建网站的服务有很多，像热铁盒主机、Coding Pages、GitHub Pages······Vercel 也是其中之一，今天教大家使用 Vercel 搭建一个静态网站。

登录账号

前往 Vercel 官网

点击 Login 按钮

点击后会跳转至这个页面

授权服务

选择一个你有的账号

按钮 1.连接到 GitHub

按钮 2.连接到 GitLab

按钮 3.连接到 Bitbucket

如果你都没有就可以点击下面的 Don’t have an account? Sign Up(没有一个账号?注册)

这里用 GitHub 来演示

登录完成后会跳转到仪表盘

这时候我们先回到 GitHub，我们先创建一个仓库放入测试 html

导入项目

接着我们复制刚创建的仓库的 git 地址

进入这个页面的时候注意，由于我们的仓库里放了一个 html，所以这里不要做任何设置直接点击蓝色的 Deploy 按钮

出现这个页面就代表你的网页成功部署了

我们点击 Visit 按钮去测试一下

成功!

这样就可以搭建一个简单的静态网站了。

题外话

对于部署 Hexo 来说,你有两种部署选择:

• 配置构建命令,在 Vercel Runner 上生成文件并设定目录为 Public
• 用 Travis / GitHub Actions 等 CI 生成好文件,然后推送到博客仓库并让 Vercel APP 拉取博客静态文件 如果你要尝试第二种方式,你可以参考我的博客仓库 我的博客仓库