Skip to content

如何用Vercel Drop部署并更新静态网站 ​

很多人都知道Vercel可以通过拖拽快速部署静态网站,但如何更新已经部署好的项目,很多人会搞混。

下面完整记录从部署到更新的正确流程。


一、首次部署(创建项目) ​

  1. 打开 vercel.com/drop
  2. 把本地的文件夹、单个文件,或者 .zip 压缩包直接拖进去
  3. 选择团队,填写项目名称
  4. 点击 Deploy

部署完成后,你会得到一个类似 xxx.vercel.app 的在线地址。

注意:每次在 vercel.com/drop 页面拖拽,都会创建一个新的项目。


二、更新已有项目(重要!) ​

如果你已经部署过一次,想更新内容,千万不要再去 vercel.com/drop。

正确做法如下:

  1. 登录 Vercel,进入你对应的项目页面

  2. 在项目页面中,你会看到这句话:

    To update your Production Deployment, drop your project anywhere on this page

  3. 直接把新的文件夹或 .zip 拖到这个页面的任意位置

  4. 松开鼠标后,Vercel 会自动上传并重新部署

  5. 部署完成后,原有网址保持不变,内容已经更新

就这么简单。


三、其他更新方式 ​

除了拖拽,还支持以下两种方式:

1. 使用Vercel CLI ​

在本地项目目录执行:

bash
vercel --prod

会更新到同一个项目。

2. 绑定Git仓库(推荐长期使用) ​

  1. 把代码推送到GitHub / GitLab / Bitbucket
  2. 在项目设置中点击 Connect Git
  3. 之后每次 git push,都会自动触发部署

适合需要频繁更新的项目。


总结 ​

场景正确操作结果
第一次部署去vercel.com/drop 拖拽创建新项目
更新已有项目在项目页面直接拖拽更新同一网址
经常更新绑定 Git自动部署

掌握这个区别后,使用Vercel Drop就会非常顺畅。