使用Vercel加速GitHub Pages
Vercel
本人网站一直部署在Github Page
上,但由于访问速度非常影响体验,但由于是学生没有额外的开销去使用收费的托管商,于是查了一下发现vercel
和Netlify
不仅免费而且访问速度也快!
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)。解析完成后即可通过自己的域名访问自己的博客