Appearance
如何用Vercel Drop部署并更新静态网站
很多人都知道Vercel可以通过拖拽快速部署静态网站,但如何更新已经部署好的项目,很多人会搞混。
下面完整记录从部署到更新的正确流程。
一、首次部署(创建项目)
- 打开 vercel.com/drop
- 把本地的文件夹、单个文件,或者
.zip压缩包直接拖进去 - 选择团队,填写项目名称
- 点击 Deploy
部署完成后,你会得到一个类似 xxx.vercel.app 的在线地址。
注意:每次在
vercel.com/drop页面拖拽,都会创建一个新的项目。
二、更新已有项目(重要!)
如果你已经部署过一次,想更新内容,千万不要再去 vercel.com/drop。
正确做法如下:
登录 Vercel,进入你对应的项目页面
在项目页面中,你会看到这句话:
To update your Production Deployment, drop your project anywhere on this page
直接把新的文件夹或
.zip拖到这个页面的任意位置松开鼠标后,Vercel 会自动上传并重新部署
部署完成后,原有网址保持不变,内容已经更新
就这么简单。
三、其他更新方式
除了拖拽,还支持以下两种方式:
1. 使用Vercel CLI
在本地项目目录执行:
bash
vercel --prod会更新到同一个项目。
2. 绑定Git仓库(推荐长期使用)
- 把代码推送到GitHub / GitLab / Bitbucket
- 在项目设置中点击 Connect Git
- 之后每次
git push,都会自动触发部署
适合需要频繁更新的项目。
总结
| 场景 | 正确操作 | 结果 |
|---|---|---|
| 第一次部署 | 去vercel.com/drop 拖拽 | 创建新项目 |
| 更新已有项目 | 在项目页面直接拖拽 | 更新同一网址 |
| 经常更新 | 绑定 Git | 自动部署 |
掌握这个区别后,使用Vercel Drop就会非常顺畅。