Vercel免费部署完整教程：从GitHub到域名绑定的每一步

想做一个内容站或者SaaS工具，第一步卡住了：服务器怎么搞？

以前跑一个网站至少需要一台服务器，便宜的每月几十块，配置高的一年上千。装系统、配Nginx、搞SSL证书、监控宕机，每一步都踩坑。如果找外包建站，起步价两千块。对一个零成本启动的一人公司来说，这显然不是好选择。

那有没有一个方案，不用写太多代码、不用买服务器、甚至不用懂运维，就能把网站跑起来？

答案是Vercel。我个人运营的AgentClaw内容站就是完全跑在Vercel免费版上的。从上线到现在，文章从0到几百篇，流量从0到日均几百UV，Vercel一直稳定运行，没花过一分钱。这篇文章带你走完从注册到上线的全过程，一共七个步骤。

第一步：注册Vercel账号

打开vercel.com，点击右上角的"Sign Up"。推荐用GitHub账号直接登录，这样Vercel会自动授权访问你的仓库权限，省去后续手动配置。

登录完成后跳转到Dashboard页面，你会看到一个空的项目列表和一个"Add New"按钮。这就意味着你已经准备就绪了。整个过程不超过2分钟。

第二步：把代码放到GitHub

Vercel部署的前提是你的代码在GitHub上。如果你是从零开始，没有代码基础，可以直接fork一个现成的Next.js starter模板。

去GitHub搜索"nextjs-starter-blog"或"nextjs-content-template"，找一个star多的fork到自己的账号下。如果你会用Git，也可以新建一个空仓库，把本地代码push上去。

关键点：你的代码最好用Next.js、Gatsby或Hugo这类SSR/SSG框架写。Vercel对这三种框架的支持最全，能自动检测配置，几乎不需要手动设置。

第三步：在Vercel导入项目

在Dashboard点击"Add New" → "Project"。Vercel会展示你所有GitHub仓库，找到你要部署的那个，点"Import"。

Vercel会自动检测你用的框架。比如它认出你用Next.js，就会自动设置好Build Command（构建命令）和Output Directory（输出目录）。绝大多数情况下你不需要改动任何东西。

如果你的项目很标准，直接点"Deploy"，部署就开始了。

第四步：构建和部署

Vercel开始拉取代码、安装依赖、执行构建。整个过程通常在30秒到2分钟之间，取决于项目的复杂程度。构建进度会实时显示在页面上。

构建完成后，Vercel会分配给你一个vercel.app的二级域名，例如my-project.vercel.app。现在你就可以通过这个域名直接访问网站了。从注册到这一步，通常不超过10分钟。

部署成功的喜悦感比想象中强——毕竟你刚刚搭建了一个正式运行的网站，一分钱没花。

第五步：绑定自定义域名

你现在有了一个可访问的网站，但域名是vercel.app的二级域名，不够正规。下一步就是你之前买的域名（通常45到70元一年的.com）指向Vercel。

在Vercel项目设置里找到"Domains"这一栏，输入你的域名点击"Add"。Vercel会给出DNS配置说明：一般在你的域名注册商后台添加一条CNAME记录，指向cname.vercel-dns.com。

添加完成后，Vercel会自动验证并生成SSL证书。证书由Let's Encrypt免费提供，不需要你手动申请或续期——到期前Vercel自动更新。你的网站默认就是HTTPS，Google明确把HTTPS作为排名因素，这一步等于帮你自动完成SEO加分。

等待DNS生效通常需要几分钟到1小时。生效后，你的网站就能通过自己域名的访问了。

第六步：配置域名重定向和数据分析

两个实用功能别忘了设置。

域名重定向：你可以把www.yourdomain.com重定向到yourdomain.com（或反之），避免两个域名指向同一个内容导致SEO扣分。在Vercel的Domains设置里轻松完成。

流量分析：Vercel免费版包含基础的Analytics功能，可以看到网站的访问量、地域分布和最受欢迎页面。直接在Dashboard中启用即可。这对初期判断内容方向和选题很有帮助。

第七步：自动化部署流水线

这是Vercel最强大的功能。以后每次你更新文章或代码，只需要在本地执行git add、git commit、git push。Vercel会自动检测到main分支的变化，自动触发新的构建和部署。整个过程不需要你登录Vercel后台，不需要手动操作。

这套流程叫做Continuous Deployment（持续部署）。从push到上线，一般30秒到1分钟。"写文章→推送到GitHub→自动上线"的流水线建立后，你的内容更新效率会非常高。

进阶：配合GitHub Actions

你还可以让Vercel配合GitHub Actions做更复杂的自动化。在GitHub仓库配置一个workflow，每次push后先运行检查（链接检查、图片压缩、代码格式化），通过后再触发Vercel部署。这样多了一层质量把控，确保有问题的代码不会上线。

关于免费版配额的真相

Hobby计划（个人免费版）每个月有：100GB带宽、6000分钟Serverless Functions执行时长、100小时构建时长。

100GB的带宽对于内容站来说足够支撑日均几千次访问。如果某个时间段你的网站突然爆了，Vercel会自动扩展，不会因为你用免费版就限流——只不过超过免费额度后会开始计费，单价也很便宜。

唯一需要注意的限制是：Serverless Functions的执行时间不能超过10秒（免费版）或60秒（付费版）。但内容站大部分是静态页面，很少用到Serverless Functions，这个限制基本不生效。

国内用户可能关心访问速度。Vercel的CDN在全球有多个节点，国内访问速度确实不如阿里云或腾讯云快。但我个人测试，Vercel在国内的加载速度在2到3秒之间，对内容站来说可以接受。如果主要受众是国内用户，可以加一个国内CDN做加速，或者直接用国内云平台。

FAQ

Q：Vercel免费版可以用多久？有时间限制吗？

没有时间限制。Hobby计划是永久免费的，不是试用期。只要你的使用量在免费配额内，就可以一直免费使用。

Q：Vercel适合部署什么类型的网站？

最适合：内容站、博客、文档站、Landing Page、个人SaaS工具前端。不适合：需要长时间运行的计算密集型应用、大型电商网站、高频实时交互应用。

Q：我的代码安全吗？

Vercel部署的是你GitHub仓库的公开版本的代码。如果仓库是私有的，Vercel也能部署。Vercel有严格的安全机制，环境变量（如API密钥）可以独立设置，不会暴露在前端代码中。

Q：数据库怎么处理？

Vercel不提供数据库。你可以配合用Supabase（有免费版）做数据库，或者用Vercel Postgres（Vercel自家的托管数据库，也有免费额度）。前端在Vercel、数据库在Supabase是很多一人公司的标准配置。

Q：Vercel飞书面收费了怎么办？

你的数据和代码都在自己的GitHub仓库里。如果需要迁移，把仓库部署到其他平台（如Netlify、Cloudflare Pages、Railway）也就是几分钟的事。不要把注意力放在这些不确定的事情上——先做起来最重要。

总结

完整流程回顾：注册Vercel账号（5分钟）→ GitHub准备代码（10分钟，fork模板更快）→ 导入项目并部署（2分钟）→ 绑定自定义域名（10分钟，含DNS解析等待）。从头到尾不超过30分钟。之后每天的工作就是写文章、git push、自动上线。

不需要运维人员、不需要买服务器、不需要搞SSL证书、不需要监控宕机。Vercel把这套基础设施全部替你管好了。对于想快速启动一人公司但不太懂技术的人来说，Vercel就是目前最好的免费部署方案，没有之一。

如果你也按这个教程做一遍，从零到网站上线，30分钟内肯定能搞定。比请外包便宜太多，比用WordPress省心太多。随着你的项目越来越熟悉，效率只会越来越高。