Vercel 是一个免费的静态页面托管平台。与其他免费托管比较,Vercel 在国内的访问速度快很多。最重要的是Vercel支持托管私有仓库,这在 Github Pages 可是要付费的。

Vercel 还支持多种部署预设,如 hexo、hugo、next.js,可以根据配置自动生成 public 目录。框架/生成器和传统静态网页的需求都可满足。

Step 1 注册账户

注册,常规用户名 - 邮箱 - 密码策略,收不到验证码请检查垃圾邮件。vercel也支持github等平台的OAuth,这下可以无脑下一步,验证码都不用收了。

Step 2 绑定 Git

注册账户后,按照指引导入你的仓库。以 Github 为例,点击 Continue with GitHub 进入绑定页面。

绑定Github
绑定Github

绑定后是暂时看不到仓库列表的。

添加Github账户
添加Github账户

点击上方的搜索框,在下拉菜单中选择 Add GitHub Org or Account,随后在弹出的窗口中授权即可。你可以选择授权所有的仓库,或是仅授权指定的仓库。

img
img

Step 3 创建项目

现在你可以看到你授权的仓库列表了,点击 Import 导入仓库。你还可以新建一个仓库作为部署需要的仓库,点击右侧的 Browse All Templates 并选择预设,Vercel 会为你新建一个全新的仓库。

从仓库导入项目
从仓库导入项目
  • Project Name:项目名称。仅作为显示用,和项目本身没有关联。此名称可以更改
  • Framework Preset:框架预设。如果是纯静态页面选择 Others。
  • Root Directory:根目录位置

下面的两个选项你可以不用管。

Step 4 部署

设置完毕后,点击 Deploy 部署。

成功后,你会得到系统分配给你的两个域名,回到 dashboard,你可以看到:

部署域名
部署域名

以后的每一次 push,vercel 都会自动更新部署,每次更新会给你发邮件。

使用模板预设可能会出现一些意想不到的 bug,如果你反复报错或网站 404,在项目的设置页面可以选用「Others」预设。随后更改你的根目录至 hexo 生成的静态页面(Root Directory 填 public)。这样做的坏处是每次更新内容前都要 hexo g 生成静态文件。

Build设置
Build设置
Root Directory
Root Directory

Step 5 自定义域名

能来用 vercel 的人估计都不差个域名吧。我的域名是在 godaddy 上购买的,不需要实名,支持支付宝,你可以自行选择域名提供商。

设置自定义域名,只需要在设置的 Domains 中添加你的域名,然后按照指引绑定 a 记录或 CNAME 就能正常访问了。

中国大陆已墙,如果你需要在墙内访问你的网站,必须把 A 记录改成 76.223.126.88,或把 cname 改成 http://cname-china.vercel-dns.com。Vercel 方面不用做任何更改,可以自动识别。

自定义域名
自定义域名

萌ICP备20229066 | Build by C2iCs | Powered by Hexo and Stellar 1.27.0
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

本“页面”访问 次 | 👀总访问 次 | 🍖总访客

开往-友链接力