Hexo 部署至 Vercel(Zeit)

近日由于更换电脑便把博客迁移到了新电脑，同时想将博客提交到百度进行收录。由于不可知的原因 2015 年 GitHub 禁止了百度的爬虫，搜了搜没找到什么好方案，发现大多都是 GitHub 和 Coding 双部署。新版Coding与腾讯云融合可以实现自动部署、自定义域名和 CDN 加速，但由于没有进行域名备案，Coding 会将资源部署在国外再由CDN加速回国，这样速度反而更慢了（域名备案除外）。同时，由于 Coding 部署利用了腾讯的 OSS 和 CDN 资源需要收费，而我作为新版 Coding 的新用户不能向老用户一样白嫖，这显然不符合我白嫖走天下的理念。经过一番寻找最终找到了部署至 Vercel 的方案。

Coding部署

关于Coding部署可以参考这一篇：CODING Pages 静态网站升级腾讯云新版踩坑小记

Vercel

原名 Zeit，服务器在美国，在港台有 CDN 节点，提供自定义 xxx.now.sh 和 xxx.vercel.app 域名，且支持免费绑定个人域名，同时可以解决百度爬虫问题。最大的好处就是可以绑定 GitHub 账号，由 GitHub 托管Hexo博客源码，Vercel 导入博客源码，当检测到仓库改动后自动进行部署。

下面进行 Vercel 部署的介绍。

仓库导入与部署

在开始之前，请准备

• 一个 GitHub 账号（注意不能绑有 QQ 邮箱）
• 一个存储 Hexo 生成文件的 Git 仓库(不能是私人库)

进入 Vercel 官网，注册账号，点击 Continue with GitHub。

过程中会弹出如下对话框,此图截取自参考链接 3 的博主文章，他给的建议是All repo,但我选择的Only,只不过再导入 GitHub 其他项目时需要重新走一遍流程，可自己根据情况选择。

授权完成后，选择 Import Git Repository ，点击 Continue，进入如下界面。输入你的仓库 url（https）。

填写仓库名，点击 Continue,创建Vercel仓库用于存储导入的文件。

填写项目名称选择框架，默认即可，点击Deploy。

等待 Vercel 部署完成，点击 Visit即可浏览。

在首页可以看到 Vercel 提供的两个域名，如果没有自定义域名需求的话到这里就可以结束了。

自定义域名

进入项目设置，找到 Domains，在 Add 前面的输入框内输入要自定义的域名地址，再点击 Add 即可。

在下方会显示 Invalid Configuration 提示，并给出两种验证方式。

此时，可以选择添加 DNS 解析记录

添加 A 类型，主机记录 @ ，记录值为 76.76.21.21。
添加 CNAME 类型，主机记录 @ ，记录值为 cname.vercel-dns.com。

添加完成后，稍等片刻便会在自定义域名下方显示通过的提示，有时解析正常 仍然显示 Invalid Configuration，只要可以通过自定义域名访问博客便可忽略。

到这里，整个部署过程就结束了。

---

参考：
1、netlify和cloudflare与zeit搭配jsdelivr给Hexo博客cdn加速对比
2、解决百度爬虫无法爬取 Github Pages 个人博客的问题
3、Hexo：将你的博客部署到 Vercel（主题不错）