在vercel上托管静态博客
Vercel是一个免费的静态页面托管平台。与其他免费托管比较,Vercel在国内的访问速度快很多。而且Vercel支持对私有仓库的托管和自动检测push并部署的实用功能。
Vercel支持多种部署预设,如hexo、hugo、next.js,可以根据配置自动生成public目录。当然,Vercel也提供原始的网页托管。
Step 1 注册账户
注册,常规用户名-邮箱-密码策略,收不到验证码请检查垃圾邮件。
Step 2 绑定Git
注册账户后,按照引导导入你的仓库。以Github为例,点击Continue with GitHub进入绑定页面。
绑定后是暂时看不到仓库列表的。
点击上方的搜索框,在下拉菜单中选择Add GitHub Org or Account,随后在弹出的窗口中授权即可。你可以选择授权所有的仓库,或是仅授权指定的仓库。
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
生成静态文件。Step 5 自定义域名
能来用vercel的人估计都不差个域名吧。我的域名是在godaddy上购买的,不需要实名,支持支付宝,你可以自行选择域名提供商。
设置自定义域名,只需要在设置的Domains中添加你的域名,然后按照指引绑定a记录或CNAME就能正常访问了。
中国大陆已墙,如果你需要在墙内访问你的网站,必须把A记录改成76.223.126.88,或把cname改成http://cname-china.vercel-dns.com。Vercel方面不用做任何更改。