> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aichuangfang.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 托管

> 使用内置基础设施部署和托管您的网站

## 概述

AISiteBuilder 包含由全球 CDN 提供支持的内置托管。您的网站会自动部署并从全球边缘位置提供服务。

## 部署

### 自动部署

当您执行以下操作时，您的网站会自动部署：

* 在编辑器中点击 **发布**
* 在设置中启用自动部署
* 通过 Git 集成推送更改

### 手动部署

控制您的网站何时上线：

1. 在编辑器中进行更改
2. 在预览模式下测试
3. 准备好后点击 **发布**
4. 网站在几秒钟内部署

### 部署过程

当您部署时：

1. 代码被构建和优化
2. 资源被压缩和缓存
3. 网站分发到 CDN
4. SSL 证书被验证
5. 网站上线

<Tip>
  部署通常在 10-30 秒内完成。
</Tip>

## 托管功能

### 全球 CDN

您的网站从全球边缘位置提供服务：

* **快速加载时间** - 从最近的位置提供内容
* **高可用性** - 99.9% 正常运行时间保证
* **DDoS 保护** - 自动威胁缓解
* **自动扩展** - 处理流量高峰

### 性能优化

内置优化：

* **资源压缩** - Gzip 和 Brotli 压缩
* **图像优化** - 自动图像压缩
* **代码缩小** - 更小的文件大小
* **缓存** - 智能缓存策略
* **HTTP/2** - 更快的协议支持

### 安全性

您的网站受到保护：

* **SSL/TLS** - 自动 HTTPS 加密
* **DDoS 保护** - 流量过滤
* **WAF** - Web 应用程序防火墙
* **安全标头** - 最佳实践标头

## 部署设置

### 自动部署

启用自动部署：

1. 转到 **项目设置 → 托管**
2. 切换 **自动部署**
3. 保存时自动部署更改

### 构建设置

配置构建过程：

* **构建命令** - 自定义构建脚本
* **输出目录** - 构建输出位置
* **环境变量** - 构建时变量
* **Node 版本** - 指定 Node.js 版本

### 预览部署

在上线之前测试更改：

* **预览 URL** - 每次更改的唯一 URL
* **分支预览** - 从不同分支部署
* **拉取请求预览** - 在合并之前测试 PR

## 监控

### 部署历史

跟踪所有部署：

* 查看部署日志
* 查看更改内容
* 回滚到以前的部署
* 下载部署工件

### 分析

监控您的网站：

* **流量** - 页面浏览量和访问者
* **性能** - 加载时间和核心 Web 指标
* **错误** - 跟踪和调试错误
* **正常运行时间** - 监控可用性

### 日志

访问部署和运行时日志：

* 构建日志
* 错误日志
* 访问日志
* 自定义日志

## 回滚

### 快速回滚

恢复到以前的部署：

1. 转到 **项目设置 → 托管**
2. 查看 **部署历史**
3. 在以前的部署上点击 **回滚**
4. 确认回滚

以前的版本立即上线。

### 选择性回滚

回滚特定更改：

1. 查看部署差异
2. 选择要恢复的更改
3. 使用恢复的更改创建新部署

## 自定义托管

### 导出您的网站

下载您的网站文件：

1. 转到 **项目设置 → 托管**
2. 点击 **导出项目**
3. 下载 ZIP 文件
4. 在任何地方托管

### Git 集成

通过 Git 部署：

1. 连接 GitHub 存储库
2. 将更改推送到存储库
3. 触发自动部署
4. 网站自动更新

### 外部托管

部署到外部平台：

* **Netlify** - 连接 Netlify 账户
* **Vercel** - 部署到 Vercel
* **AWS** - 导出并部署到 AWS
* **自定义服务器** - 下载并自托管

## 性能优化

### 缓存策略

优化缓存以获得更好的性能：

```javascript theme={null}
// 静态资源 - 缓存 1 年
/assets/* → Cache-Control: max-age=31536000

// HTML 页面 - 缓存 1 小时
/*.html → Cache-Control: max-age=3600

// API 响应 - 不缓存
/api/* → Cache-Control: no-cache
```

### 图像优化

图像会自动优化：

* **格式转换** - 支持的浏览器使用 WebP
* **响应式图像** - 生成多种尺寸
* **延迟加载** - 根据需要加载图像
* **压缩** - 减小文件大小

### 代码拆分

JavaScript 会自动拆分：

* **基于路由的拆分** - 每页加载代码
* **组件拆分** - 按需加载组件
* **供应商拆分** - 分离第三方代码

## 限制和配额

### 免费套餐

* **带宽** - 100 GB/月
* **构建** - 300 分钟/月
* **网站** - 3 个活动网站
* **存储** - 1 GB

### Pro 套餐

* **带宽** - 1 TB/月
* **构建** - 1000 分钟/月
* **网站** - 无限
* **存储** - 10 GB

### Enterprise 套餐

* **带宽** - 自定义
* **构建** - 自定义
* **网站** - 无限
* **存储** - 自定义

<Note>
  在 **账户设置** 中升级您的计划以获得更高的限制。
</Note>

## 故障排除

<AccordionGroup>
  <Accordion title="部署失败">
    如果部署失败：

    * 检查构建日志中的错误
    * 验证所有依赖项已安装
    * 检查代码中的语法错误
    * 确保环境变量已设置
  </Accordion>

  <Accordion title="网站未更新">
    如果更改未出现：

    * 清除浏览器缓存
    * 检查部署状态
    * 验证自动部署已启用
    * 等待 CDN 缓存清除（5-10 分钟）
  </Accordion>

  <Accordion title="加载时间慢">
    如果网站很慢：

    * 检查图像大小并优化
    * 查看 JavaScript 包大小
    * 启用缓存
    * 检查 CDN 分发
  </Accordion>

  <Accordion title="SSL 错误">
    如果看到 SSL 错误：

    * 验证域名已正确配置
    * 检查 SSL 证书状态
    * 尝试手动 SSL 请求
    * 等待证书传播
  </Accordion>
</AccordionGroup>

## 最佳实践

<CardGroup cols={2}>
  <Card title="部署前测试" icon="flask">
    在发布到生产环境之前始终预览更改。
  </Card>

  <Card title="使用版本控制" icon="code-branch">
    连接 Git 以获得更好的部署管理和历史记录。
  </Card>

  <Card title="监控性能" icon="gauge">
    定期检查分析并根据数据进行优化。
  </Card>

  <Card title="启用自动部署" icon="rocket">
    通过自动部署简化工作流程。
  </Card>
</CardGroup>