概述
CloudBase 静态网站托管可以为您的 Web 应用、静态资源提供快速、安全的托管服务。只需要一个命令，并可以快速地部署静态资源，并且使用 CDN（内容分发网络）加快资源的访问速度。
主要功能
应用在线部署
CloudBase 静态网站托管支持多种部署方式，满足不同场景的部署需求：
四种部署方式：
- 上传代码包/文件夹：快速上传本地项目文件 ，支持 ZIP 格式
- 从官方模板创建：基于 React、Vue、Next.js、Nuxt 官方模板快速创建新项目
- Git 仓库部署：支持 Git 个人仓库及第三方公开仓库
- CLI 命令部署：使用 CloudBase CLI 在本地或 CI/CD 流水线中一键部署
支持的构建配置：
- 10 种主流前端框架自动识别（React、Vue.js、Angular、Next.js、Nuxt.js、VitePress、Astro、Hugo、Hexo、其他）
- 自定义安装命令和构建命令
- 选择 Node.js 版本（16.x、18.x、20.x、22.x、24.x）
- 配置环境变量
- 设置输出目录
- 启用构建缓存
详情请参考 在线部署指南。
HTTPS
CloudBase 静态网站托管内置 HTTP 与 HTTPS，无需额外配置即可使用。
自定义域名
CloudBase 静态网站托管支持自定义域名，用户可以通过使用您的私有域名访问静态资源，详情请参考 自定义域名。
快速分发
静态资源将会被缓存在遍布各地的 CDN 边缘服务器上。无论您的用户身处何处，内容都可快速加载。
命令行部署
使用 CloudBase CLI 可在本地或 CI/CD 流水线中一键部署，自动完成 安装依赖 → 构建 → 上传产物 → 绑定路由 全流程：
# 全局安装并登录
npm i -g @cloudbase/cli
tcb login
# 在项目根目录一键部署
tcb app deploy --framework vite -e my-env-id
支持 React / Vue / Vite / Next.js / Nuxt / Angular / 纯静态等多种框架类型。详情参考 CLI 安装文档 和 应用部署命令。
适用场景
静态网站托管适用于以下应用场景：
- 单页应用（SPA）：React、Vue、Angular 等前端框架构建的应用
- 静态网站：个人博客、企业官网、产品展示页
- 文档站点：VitePress、Docusaurus、Hexo 等生成的文档
- 静态资源：图片、视频、字体等资源文件托管