示例成品 · 平台演示，按左边这组点选真跑出来的
直接方案：**选 Netlify**。你这种纯 HTML/CSS/JS 单页 + 表单收集，Netlify 最省事，它自带免费表单；Vercel 不自带表单，还要接第三方。
---
## 1. 最快上线：直接拖拽
1. 打开 https://app.netlify.com/drop
2. 注册 / 登录 Netlify
3. 把你的项目文件夹，也就是**包含 `index.html` 的那个文件夹**，直接拖进去
4. 等几十秒，会得到一个地址：`https://xxx.netlify.app`
上线完事，HTTPS 自动有。
---
## 2. 表单收集：用 Netlify 自带表单
把你 HTML 里的 `<form>` 改成类似这样：
```html
<form name="feedback" method="POST" data-netlify="true">
<input type="hidden" name="form-name" value="feedback" />
<input type="email" name="email" placeholder="你的邮箱" required />
<textarea name="message" placeholder="你的反馈" required></textarea>
<button type="submit">提交</button>
</form>
```
注意：
- `form` 上必须加 `data-netlify="true"`
- 每个输入框都必须有 `name`，否则收不到
- 表单提交后，在 Netlify 后台 → **Forms** 里能看到
- 想收到邮件通知：Netlify 后台 → **Site settings → Forms → Form notifications → Add notification**
免费额度大概每月 100 条，早期收用户反馈够用。
---
## 3. 访问统计：用 Google Analytics 4，免费
1. 打开 https://analytics.google.com
2. 创建账号 → 数据流 → Web
3. 拿到一个 `G-XXXXXXXXXX` 的 Measurement ID
4. 把下面这段贴到 `index.html` 的 `</head>` 前面：
```html
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
</script>
```
把 `G-XXXXXXXXXX` 换成你自己的。
如果你主要面向国内用户，GA4 偶尔加载慢，也可以换成百度统计，逻辑一样。
---
## 4. 偶尔更新：用 Git 自动部署，比反复拖拽舒服
你已经会基本命令，这个最适合你。
1. 在 GitHub 新建一个仓库
2. 本地项目文件夹里执行：
```bash
git init
git add .
git commit -m "init"
git branch -M main
git remote add origin https://github.com/你的用户名/仓库名.git
git push -u origin main
```
3. 打开 Netlify → **Add new site → Import an existing project**
4. 选 GitHub 授权，选你的仓库
5. 配置：
- **Build command**：留空
- **Publish directory**：填 `.`
6. 点 **Deploy site**
以后你本地改完代码，只需要：
```bash
git add .
git commit -m "更新页面"
git push
```
Netlify 会自动重新部署。
---
## 5. 如果你非要用 Vercel
Vercel 部署一样：
- 导入 GitHub 仓库
- Build command 留空
- Output directory 填 `.`
表单就去 https://formspree.io 注册，把 `form` 的 `action` 改成 Formspree 给你的地址，字段照常加 `name`。统计还是用 GA4，不变。
---
**总结你该做的：**
1. 先把 `form` 加上 `data-netlify="true"`
2. 把 GA4 代码贴进去
3. 拖拽到 Netlify Drop 上线
4. 有空再走 GitHub 自动部署
不用折腾服务器。
点左边「开工 · 直接出成品」，出一份你自己的版本（文字免费）