提供免费搭建网站的服务有很多,像热铁盒主机、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
拉取博客静态文件 如果你要尝试第二种方式,你可以参考我的博客仓库 我的博客仓库