别让 AI 写出来的网站，死在 localhost：给小白的上线指南

① 网站文件（HTML/CSS/JS 等）
② 一台服务器（放文件的地方）
③ 一个域名（别人访问你的地址）

① 打开 vercel.com，点击 "Add New → Project"
② 点击 "Continue with Git" 下方的 "Import Third-Party Git Repository"
   或直接找到 "Deploy without Git" 选项
③ 把你的网站文件夹拖拽到上传区域
④ 点击 Deploy
⑤ 等待几秒 → ✅ 你的网站上线了！

① 把你的网站文件推送到 GitHub 仓库
② 登录 Vercel，点击 "Add New → Project"
③ 选择你的 GitHub 仓库
④ 框架选择 "Other"（如果是纯静态）
⑤ 点击 "Deploy"
⑥ ✅ 上线！

以后每次往 GitHub 推送代码，Vercel 会自动重新部署。

① 在 Vercel 项目设置中点击 "Domains"
② 输入你的域名（比如 myblog.com）
③ 去你的域名管理后台添加 CNAME 记录指向 cname.vercel-dns.com
④ 等几分钟 DNS 生效
⑤ ✅ 用你自己域名访问了！

① 登录 https://app.netlify.com
② 把网站文件夹拖到 "Sites" 页面的上传区域
③ 几秒后自动部署完成
④ Netlify 给你域名：xxx.netlify.app

① 在 Netlify 点击 "Add new site → Import an existing project"
② 连接 GitHub，选择仓库
③ 部署设置基本不用改，直接 Deploy
④ ✅ 上线

① 在 GitHub 创建一个仓库
   仓库名必须叫：你的用户名.github.io
   比如我的用户名是 zhangsan，仓库名就是 zhangsan.github.io

② 把你的网站文件推送到这个仓库的 main 分支

③ 等 1-2 分钟，访问 https://你的用户名.github.io
   ✅ 上线！

① 创建一个普通仓库（比如叫 my-tool）
② 把网站文件推送到 main 分支的根目录
③ 进入仓库 Settings → Pages
④ 在 "Branch" 选择 main，点击 Save
⑤ 访问 https://你的用户名.github.io/my-tool
   ✅ 上线！

# 安装 Nginx
apt update && apt install nginx -y

# 把网站文件上传到 /var/www/html
# 可以用 scp 或 FTP 工具上传

# 重启 Nginx
systemctl restart nginx

# 现在访问 http://你的服务器IP 就能看到了

# 安装 1Panel（一条命令）
curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_start.sh && bash quick_start.sh

① 在 Cloudflare 添加你的域名
② Cloudflare 会给你两个 DNS 服务器地址
③ 在你的域名注册商那里把 DNS 改成 Cloudflare 的
④ 在 Cloudflare 添加一条 CNAME 记录：
    主机记录: @
    目标: xxx.vercel.app（你的托管地址）
    代理状态: 开启（橙色云朵）
⑤ 等几分钟 DNS 生效
⑥ ✅ 用你的域名访问

方案一：用 Vercel/Netlify（国外服务器）→ 不需要备案 → 但速度可能慢
方案二：用 GitHub Pages → 不需要备案 → 国内访问可能不稳定
方案三：用国内服务器 + 备案 → 访问速度最快
方案四：用国内 CDN 加速国外源 → 折中方案

第1分钟：注册 GitHub（如果还没有）
第2分钟：注册 Vercel（用 GitHub 一键登录）
第3分钟：把网站文件推到 GitHub 仓库
第4分钟：在 Vercel 导入仓库
第5分钟：点击 Deploy
第6分钟：等待部署（喝杯水）
第7分钟：✅ 你的网站上线了！
第8分钟：把 xxx.vercel.app 链接分享给朋友

# Vercel 的配置文件 vercel.json（放在项目根目录）
{
  "rewrites": [
    { "source": "/(.*)", "destination": "/index.html" }
  ]
}

# ① 路径问题
# 本地用 ./images/logo.png 可能没问题
# 线上应该用 /images/logo.png（绝对路径）或相对路径正确

# ② 文件名大小写
# 本地 Windows 不区分大小写，但线上 Linux 区分
# IMG.JPG 和 img.jpg 是不同文件

# ③ 资源未上传
# 检查是不是漏传了 CSS/JS/图片文件

① 学一点后端（Python Flask/FastAPI、Node.js Express）
② 用云服务商的函数计算（阿里云函数计算、Vercel Serverless）
③ 用 BaaS 平台（Supabase、Firebase）
④ 购买一台云服务器，前后端一起部署

① 用 Cloudflare CDN（免费）→ 隐藏真实 IP
② 不要用弱密码
③ 保持软件更新
④ 个人网站一般没人攻击，别太担心

localhost 是摇篮，不是终点站。