Vercel 是由 Next.js 团队开发的云端部署平台,专注于静态网站、Serverless 函数和全栈 Web 应用的托管服务,其核心理念是让开发者专注于代码本身,无需繁琐的服务器配置,实现“一次提交,一键上线”的高效部署体验。
一、部署前准备
1.准备静态网站代码
我们需要准备一个,必须包含index.html首页文件

注册 Github 账号,并上传项目:
我们需要注册一个Github账号,用于上传项目,并推送到Vercel
① ,注册并登录
② 点击“NEW"新建项目


④ 点击“uploading an existing file” → “Choose your files”,上传项目文件后,再点击“Commit changes”确定


如果是较为复杂的项目(有较多的资源文件夹)需要使用GitHub Desktop上传,详见:
1.注册并关联 Vercel
进入Vercel 官网:,点击 Sign Up → 选择 Continue with GitHub
2.导入项目
① 点击“Add New…” → “Project”
② 选择Continue with Github
③ 选择刚刚上传到GitHub的项目,点击Import(导入),导入刚刚的项目
④ 点击Deploy部署项目
⑤ 在项目面板中的Domains下,就能看到系统分配的域名,点击打开就能看到已部署的项目

点击Domains旁边的加号,就能进入域名管理页面,添加或购买






