Vercel

本人网站一直部署在Github Page上,但由于访问速度非常影响体验,但由于是学生没有额外的开销去使用收费的托管商,于是查了一下发现vercelNetlify不仅免费而且访问速度也快!

Vercel支持多个开发框架(Next.js,create-react-app,Nuxt.js)

Vercel内置的CI / CD系统会在每次代码更改时触发,推送代码后自动部署

支撑一键导入GitHub/Gitlagb仓库和站点

全球CDN加速

GitHub登录Vercel

进入Vercel官网:https://vercel.com/ ,依次点击 sign up - Continue with GitHub

注意GitHub账户绑定的主邮箱📪,有可能QQ邮箱会出现无法使用GitHub账号登陆Vercel的情况,推荐将GitHub主邮箱改为谷歌邮箱,不会改可以问下度娘GitHub更换邮箱(简单粗暴)

导入仓库

选择 Import Git Repository 然后Continue输入你仓库的url就行了(https)


导入静态页面仓库之前,需要为你的 Github 安装 Vercel(setting-Application),此处建议选择 All repositories,意为为所有仓库安装,当然,你也可以选择只为当前仓库安装,也就是 Only select repositories。

下方三个选项保持默认就好,因为 username.github.io 的 master 分支内是本身就已经部署好的静态页面,所以没必要选择特定的框架去再次编译。

2020 年 10 月后 github 新建仓库默认分支改为 main,注意更改。

导入之后可以访问,说明部署成功!

绑定并解析域名

Vercel的A记录值从76.76.21.21更改为76.223.126.88 ----- 更新于2021年6月21日

点击Settings👉Domains👉输入自己的域名,并在域名提供商控制台进行域名解析(CNAME)。解析完成后即可通过自己的域名访问自己的博客

参考