部署方式
静态网站托管支持三种部署方式：上传代码包/文件夹、从官方模板创建、Git 仓库部署。本文档介绍如何使用这些部署方式，配置构建命令、设置部署路径，以及常见前端框架的部署方案。
部署入口
部署方式
方式一：上传代码包/文件夹
适用场景：本地已有项目代码，希望快速部署。
上传代码包
准备代码包：
支持上传以下格式的代码包：
.zip格式（推荐）
代码包要求：
- 代码包应包含完整的前端项目源代码
部署步骤：
- 在「静态网站托管」页面，点击「新建部署」
- 选择「上传代码包」
- 点击「选择文件」，上传本地 ZIP 文件
- 配置构建参数 详见下文
- 点击「部署」
上传文件夹
部署步骤：
- 在「静态网站托管」页面，点击「新建部署」
- 选择「上传文件夹」
- 选择本地项目文件夹
- 配置构建参数（详见下文）
- 点击「开始部署」
提示
上传代码包之前，可以先删除 node_modules、.git 等常见的非必要目录，避免上传文件过大，发生上传失败的情况。
方式二：从官方模板创建
适用场景：快速创建新项目，基于最佳实践模板开发。
支持的官方模板：
- React 模板：基于 Create React App 创建的标准 React 项目
- Vue 模板：基于 Vue CLI 创建的标准 Vue 3 项目
部署步骤：
- 在「静态网站托管」页面，点击「新建部署」
- 选择「从模板创建」
- 选择模板类型（React 或 Vue）
- 配置构建参数 详见下文
- 点击「部署」
模板特点：
- ✅ 开箱即用，无需配置
- ✅ 集成最佳实践
- ✅ 自动配置构建命令
- ✅ 更新部署
方式三：Git 仓库部署
适用场景：持续集成，代码更新自动触发部署。
个人仓库（推荐）
支持从您的 Git 仓库直接部署：
- GitHub
- GitLab
- Gitee（码云）
- 腾讯工蜂
部署步骤：
- 在「静态网站托管」页面，点击「新建部署」
- 选择「Git 仓库」
- 选择「个人仓库」
- 授权访问您的 Git 平台账号
- 选择要部署的仓库和分支
- 配置构建参数
- 点击「部署」
公开仓库
支持从任意公开的 Git 仓库部署：
部署步骤：
- 在「静态网站托管」页面，点击「新建部署」
- 选择「Git 仓库」
- 选择「公开仓库」
- 输入仓库 URL（如
https://github.com/username/repo.git） - 选择分支（默认
main或master） - 配置构建参数
- 点击「部署」