Netlify 静态网页部署指南摘要

这份文档总结了将本地 HTML 网页部署到 Netlify 的核心流程，分为“手动模式”和“Github 自动化模式”。

1. 基础篇：手动拖拽部署 (Manual Deploy)

适用于快速测试、一次性分享或不熟悉代码版本管理的用户。

核心步骤

1. 注册账号：访问 Netlify 官网，推荐使用 Google 账号登录。
2. 跳过设置：注册流程中遇到团队设置提问时，点击 "Skip this step for now"。
3. 上传文件：
   • 进入控制台的 "Sites" 页面。
   • 找到 "Deploy manually" 区域。
   • 将包含 HTML 文件的整个文件夹直接拖入该区域。
4. 上线：进度条完成后，网站即刻上线。

访问规则

• 默认域名：Netlify 会随机分配域名（如 https://xxx.netlify.app）。
• 路径访问：如果未配置首页，直接访问域名可能为空白。需在域名后手动拼接文件名：
  • https://你的域名.netlify.app/文件名.html
• 首页设置：将希望默认显示的文件重命名为 index.html，即可直接通过域名访问。

更新方法

• 在本地修改或添加文件。
• 再次将更新后的整个文件夹拖入 Netlify 项目页面的 "Deploy manually" 区域覆盖即可。

2. 进阶篇：Github 自动化部署 (CI/CD)

适用于长期维护、需要版本历史记录或追求高效工作流的场景。

前置条件

• Github 账号
• 本地已安装 Github Desktop

核心流程

A. 将本地文件推送到 Github

1. 打开 Github Desktop，点击 "Add existing repository"，选择你的 HTML 文件夹。
2. 点击 "Publish repository"。
3. 重要：建议勾选 "Keep this code private"（私有代码库），然后发布。

B. Netlify 绑定 Github

1. 在 Netlify 首页选择 "Import from Git"。
2. 选择 "Github" 并授权。
3. 在列表中选择刚才发布的仓库。
4. 设置项目名称（将成为域名前缀），点击 "Deploy"。

C. 自动化更新工作流

配置完成后，更新网页只需三步：

1. 修改：在本地编辑 HTML 文件。
2. 提交 (Commit)：在 Github Desktop 左下角填写备注并点击 "Commit to main"。
3. 推送 (Push)：点击右上角 "Push origin"。
   • 结果：Netlify 会自动检测变动并自动重新部署，无需手动上传。

3. 关键注意事项

• 文件名敏感：URL 中的文件名必须与实际文件名完全一致（区分大小写，包含中文和空格）。
• 子目录结构：如果文件在本地放在 daily/ 文件夹下，URL 路径需变为 .../daily/文件名.html。
• 遇到问题：部署失败或显示 404 时，可截图或复制错误信息咨询 AI 助手。