vercel是我第一次接触静态网站托管所使用的服务，类似的还有github以及Netfily。但是Vercel的自动化构建远比github page方便的多。通过github授权给Vercel就实现了自动拉取构建及发布的一系列流程。在本地推送代码可以使用小乌龟工具，线上代码发布使用Vercel。二者相辅相成，效果远胜于1+1大于2。
1.初识Vercel
网上关于第三方静态托管的服务很多，但是要说对新手最友好最方便的Vercel当属其一，当然，可能是因为我只用过Vercel吧。这个就是仁者见仁智者见智了。首先，Vercel是免费的，每个月有100G的免费额度，相信对于大部分个人站点而言足够了。其次，账号可以通过github授权获取你仓库里的项目代码，以及来实现快速构建发布的目的。
而要发布你的前端项目也非常的简单，点击Add New...链接你的仓库一步步构建即可，这里不多加叙述了。网上的教程还是很多的。构建完之后会给你分配一个***.app.vercel的域名。因为vercel是国外第三方静态托管，因为这个域名对国内访问而言不太友好，因此最好还是走自定义域名吧。
2.自定义域名
Vercel支持给每个项目进行自定义域名配置，点击对应的项目，在Setttings里有个Domain,输入你要配置的域名即可。然后别忘了在你购买的对应的域名商控制台进行域名解析。lz这里的域名是阿里云的。解析配置如下：
然后就可以正常访问啦，是不是很简单。当然，如果是vue和react这种框架项目，还需要配置下对应的构建命令。
3.DNS污染问题
正常情况下，域名解析后就可以访问了，但是lz有一天访问的时候突然发现链接不上了，偶尔还会直接跳转到反诈中心页面。直接把我吓一大跳。后面经过排查，发现是DNS污染的问题。所谓的DNS污染，就是通过CNAME访问你的域名时，由于某些原因，vercel.app 被 DNS 污染（即被墙），目前在国内已经无法打开。
DNS污染检测：拨测-免费的域名检测工具网-网站测速-ping检测-域名污染-域名被墙-dns查询-IPv6网站测试-路由跟踪查询-劫持检测-站长工具
cname-vercel-dns.com地址全部是红色，说明被污染被劫持了。无法解析到ip。
针对这种情况，网上说的比较多的解决方案是：
3.1 修改解析记录
A记录修改为：76.223.126.88
cname记录修改为：cname-china.vercel-dns.com （推荐）
经过实践，发现ip的解析是可以访问的，但是cname访问还是不行。不过还有一种方案。
3.2 Cloudflare修复DNS解析
https://www.cloudflare.com/
Cloudflare（CF）是一个提供CDN，域名管理，静态页面托管，边缘计算函数部署等的网络服务供应商。常见的用途：购买和/或托管你的域名（解析、动态域名等），给你的服务器套上CDN（可以隐藏ip免被墙），部署网站（CF Pages）。CF免费提供大多数服务。
Cloudflare + 域名 + Vercel 让一切尽在掌握。
去Cloudflare注册一个账号，然后创建你的站点，添加你所要解析的记录即可。这是lz添加完之后的信息：
这里添加完之后，别忘了更改域名商的DNS解析，lz域名是阿里云的，因此在控制台修改方法如下：
将原本的： dns27.hichina.com/dns28.hichina.com
修改为：algin.ns.cloudflare.com nucum.ns.cloudflare.com
修改完之后，阿里云域名解析页面会有如下提示：
通俗的理解就是，阿里云的解析不再生效，自此DNS解析的工作就交给Cloudflare了。所以这里我们把阿里云的所有解析记录给暂停或者删除掉，防止两个DNS解析服务同步进行傻傻分不清。
然后，就没啦！为了检测是否成功，可以点击Cloudflare的DNS名称配置校验，如果收到邮件就说明配置通过了。
4.结后语
以上，就是全部流程，Vercel是免费的，Cloudflare也是免费的，并且在给你提供CDN加速的同时，还给你的服务器套上了一层壳，隐藏了ip，防止被qiang。所以还是很适合草根站点或者个人博客使用的。最后的最后，欢迎大家来访问我托管在Vercel服务上的个人导航站点页：
https://ktcry.cn/
