下载模板后的完整部署流程（从本地到上线）

本文介绍从下载模板到部署上线的完整流程，适合零基础用户。

一、本地预览

1. 解压源码包

下载的文件是 zip 格式，右键解压到任意目录。

2. 直接打开

双击 index.html 用浏览器打开即可预览。

注意：部分模板使用了 AJAX 加载数据，直接打开可能报错。这种情况需要启动本地服务器。

3. 启动本地服务器（可选）

如果你安装了 Python：
cd 解压目录
python -m http.server 8080
然后访问 http://localhost:8080

如果你安装了 Node.js：
npx serve .

4. 修改内容

用 VS Code 打开项目文件夹：

• 修改 HTML 中的文字、图片路径
• 替换 images/ 目录下的图片
• 修改 CSS 中的颜色变量（通常在 :root 中定义）

二、部署上线

方式一：静态托管（推荐新手）

• 注册 GitHub 账号
• 创建新仓库，上传所有文件
• 进入 Settings → Pages
• Source 选择 main 分支
• 等待 1-2 分钟，获得 https://用户名.github.io/仓库名 的访问地址

方式二：虚拟主机 / 云服务器

• 购买虚拟主机或云服务器（如阿里云轻量应用服务器）
• 用 FTP 工具（FileZilla）连接服务器
• 将所有文件上传到网站根目录（通常是 /www/wwwroot/域名/ 或 /public_html/）
• 在域名管理面板将域名解析到服务器 IP
• 等待 DNS 生效（通常 10 分钟 - 24 小时）

方式三：Vercel / Netlify（免费）

• 注册 Vercel 账号
• 连接 GitHub 仓库
• 自动部署，获得 .vercel.app 域名
• 可绑定自定义域名

三、常见问题

Q: 部署后图片不显示？
A: 检查图片路径是否使用相对路径（images/logo.png 而非 C:/Users/.../images/logo.png）。

Q: 表单提交不生效？
A: 静态模板的表单需要接入后端服务。推荐使用 Formspree、腾讯云函数等第三方服务。

Q: 如何开启 HTTPS？
A: 大多数托管平台（GitHub Pages、Vercel、Netlify）默认提供 HTTPS。自建服务器可使用 Let's Encrypt 免费证书。