Hexo：将你的博客部署到 Vercel

写在前面

近些日子，静态网站的热度又渐渐高了起来。相比于动态网站，静态网站具有轻量、无需服务器、利于SEO、速度快等特点，非常适合个人博客。再加上Hexo、Hugo等静态博客渲染框架的日渐成熟，已能与Wordpress、Typecho等老牌动态博客框架分庭抗礼。

与此同时，很多静态托管网站也应运而生。各种托管网站看似鱼龙混杂，其实由于各种原因，在国内能用的也就那么几家；如果你像我一样，没有服务器、没有备案，还想白嫖（），那么仅有的选择就更少了。综合各种因素，目前最适合托管静态博客的服务有：

GitHub Pages

微软旗下，闻名遐迩的全球第一大开源仓库网站。服务器设在荷兰、美国等地。部分地区部分运营商的用户可能遭到DNS污染，无法正常访问。

Gitee Pages

OSCHINA旗下，服务器在上海腾讯云，速度较快，较稳定，提供 xxx.gitee.io 域名，不支持免费自定义域名。

旧Coding Pages

腾讯旗下，服务器在香港/新加坡腾讯云，速度较快，但稳定性差。部分地区速度极慢或不能访问。支持免费自定义域名。

新Coding Pages

与腾讯云绑定食用，功能较齐全，但按量计费。

Vercel

原名Zeit，服务器在美国，在港台有CDN节点。速度略慢于Coding，但大部分地区均可正常访问。提供自定义 xxx.now.sh 和 xxx.vercel.app 域名，且支持免费绑定个人域名。

大部分网站采用的一般都是GitHub + Coding双部署的形式。这种方法比较麻烦，需要DNSPod解析，因此需要实名认证，而且还真未必快到那里去。

Colsrch大佬出过一篇三部署教程，使用了Coding（联通线路），Vercel（默认线路），Cloudflare回源GitHub Page（移动线路），速度略有提升，但是门槛较高，对小白并不友好。而且近期Coding似乎越来越不稳定了，所以也不太推荐此方法。

下面是晚上六点左右，Vercel与Gitee的速度对比。和99块钱相比，慢点就慢点吧（

还是由于某种原因，市面上的Vercel部署教程并不多。而且由于Vercel里的一些操作还是挺不常规的，所以就写了这么一篇文章，说一下将网站部署在Vercel的详细过程。

导入 GitHub 仓库

Vercel是一个静态网页部署网站，并不托管代码。因此，我们通过GitHub来托管 hexo deploy 生成的网页文件，并设置自动导入。当你的源代码仓库有变动后，Vercel会第一时间检测到并重新部署网站，部署完成后会通过邮件提醒。

:::default

在开始之前，请准备一个 GitHub账号（注意不能是绑有QQ邮箱的）、一个Git仓库（存储Hexo生成的页面）。

:::

进入Vercel官网，点击 Continue with GitHub

注意：如果出现下图所示的情况，请确认你的GitHub账号上没有绑QQ邮箱（即便它不是主邮箱）。如果仍然报错，请换用国外邮箱。

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

:::default

如果你配置过 GitHub Pages，那么这个地方直接填入你的 GitHub Pages仓库就可以了。

注意：你生成的页面应推送至 master 分支，而不是 gh-pages 分支。如果你之前设置了多部署，比如：

deploy:
  type: git
  repo:
    github: xxx
    coding: xxx
  branch: master

请务必将 GitHub 拆出来单独写，就像这样：

deploy:
- type: git
  repo:
    coding: xxx
- type: git
  repo: git@github.com:xxx/xxx.git
  branch: master

因为如果按照第一种方式，你的生成页面有一定概率会被推送至 gh-pages 分支（由于 Hexo 的默认设置），导致Vercel无法拉取。
:::

导入项目中会弹出一些自定义选项，不知道会出什么锅的话就不要改，顺着右下角的蓝色键一直点，遵照默认选项就可以了。

这里建议选择 All repo，方便后续部署。

部署完成后，Vercel会提供几个默认域名，可以通过 [项目名].[用户名].vercel.app 访问。

自定义域名

进入 dashboard，点击[项目卡片] -> View Domains

如果你想使用Vercel提供的二级域名，直接添加 xxx.now.sh（或 xxx.vercel.app，看你想要哪个），如果无人占用，会自动验证成功。

如果你想绑定自己的域名，也是在输入框中输入你想要绑定的网址，点击右侧 Add即可。下方会提示Invalid Config，并给出两种绑定方式（A/CNAME + NS），但是不要听他的，而是请按照下面的方式：

验证方式

• 如果是根域名，请在你的DNS解析处添加 A记录，指向 76.76.21.21
• 如果是子域名，请在你的DNS解析处添加CNAME记录，指向 cname.vercel-dns.com

添加记录后等待片刻再刷新，下面显示两个对号即表明验证成功。

重定向

如果你绑定了多个域名，可以点击域名卡片右上角的 Edit，将某个域名重定向至你的其他域名。

后话

至此Vercel的部署过程就结束了。

:::warning

初次部署后再进入dashboard，可能会偶尔出现配置好的域名显示invalid config的现象，尽管DNS解析是正常的。经博主测试，此状态下网页仍能正常访问（已排除DNS缓存的问题），可能是Vercel面板的bug吧。
:::

部署有问题可以到留言板留言，或者直接向 support@vercel.com 发邮件（不清楚能不能用中文），一般一到三天后会回复。