如何用Vercel托管前端网页（上传文件版）

我见过太多人，就一个静态页面，非要折腾GitHub、搞什么自动部署

结果光配置就配了一下午

其实Vercel支持直接拖文件上去。。。三分钟上线

注册个账号先

打开 vercel.com

用邮箱注册就行，不用非得绑GitHub

验证一下邮箱，进去了

准备好你的文件

把你的网页文件放一个文件夹里

结构大概长这样：

my-site/
  ├── index.html
  ├── style.css
  └── script.js

注意，入口文件必须叫 index.html

叫别的名字，上去之后会404

拖上去就完事

打开 Vercel 控制台

点 Add New → Project

往下拉，看到一个框框写着 “Drag and drop”

把你那个文件夹整个拖进去

或者点 Browse 选择文件夹也行

等几秒钟，出来个 ✓ 就成了

它给你一个 xxx.vercel.app 的网址，点开看看

几个巨坑提前告诉你

第一，文件夹层级错了

很多人把文件夹套了一层又一层

上传之后打开是空白的

你拖进去的那个文件夹根目录，必须直接就是 index.html

不能是 文件夹 → 文件夹 → index.html

第二，文件名有中文或空格

这玩意巨坑，有时候能跑有时候不能

老老实实用英文和短横线命名

第三，图片不显示

检查路径，Vercel上是区分大小写的

本地 Image.png，代码里写 image.png，上去就裂了

想改内容怎么办

这是上传方式唯一的缺点

改了文件，得重新上传一遍

点 Add New → Project，再拖一次

它会问你要不要覆盖，选覆盖就行

如果你经常改，还是老老实实连GitHub吧

绑定自己的域名

去项目页面 → Settings → Domains

输入你的域名，比如 www.example.com

它会让你加一条 CNAME 记录，值填它给你的那串

去你域名服务商后台加上

等几分钟生效，搞定

就这样，三分钟的事

先让网站跑起来，别的以后再说