部署与导出
导出 HTML、下载 ZIP、部署到 Vercel 或 Netlify，以及 GitHub 推送。
按计划划分的导出选项
| 导出类型 | 免费版 | 基础版 | 专业版 | 高级版 |
|---|---|---|---|---|
| 实时子域名 | ✓ | ✓ | ✓ | ✓ |
| 复制 HTML | ✓ | ✓ | ✓ | ✓ |
| ZIP 下载 | — | ✓ | ✓ | ✓ |
| GitHub 推送 | — | — | ✓ | ✓ |
| 自定义域名 | — | — | ✓ | ✓ |
复制 HTML
在构建器中打开代码选项卡。完整的HTML代码会以语法高亮显示。
点击复制将完整文件复制到剪贴板。这是一个自包含的单一文件，包含：
- 所有CSS以内联方式包含在<style>块中
- 所有JavaScript以内联方式包含在<script>块中
- 主图以外部CDN URL引用
- 字体通过Google Fonts CDN加载
此文件可直接部署到任何静态主机或在浏览器中直接打开。
ZIP 下载 (基础版+)
点击代码选项卡中的下载图标以下载ZIP压缩包。
内容：
- index.html — 完整网站
- README.md — 部署说明
解压并将index.html上传到Netlify、Vercel、GitHub Pages、Cloudflare Pages、AWS S3或任何Web服务器。
部署到 Vercel
1.下载并解压ZIP文件
2.前往 Vercel → 添加新项目 → 上传
3.将文件夹或
index.html拖放到上传区域4.点击部署
无需构建配置 — 它是一个静态HTML文件。Vercel会立即通过其全球CDN提供服务。
部署到 Netlify
1.前往 Netlify → 添加新站点 → 手动部署
2.将解压后的文件夹拖放到上传区域
3.点击部署
Netlify会分配一个*.netlify.app网址。在Netlify的域名设置中连接您自己的域名。
GitHub 推送 (专业版+)
在代码选项卡中，连接您的账户（设置 → 集成）后，点击推送到 GitHub。
Draftly会创建一个新仓库，包含：
- index.html — 您的网站
- README.md — 设置和部署说明
- .github/workflows/deploy.yml — GitHub Pages 部署工作流
您可以从GitHub一键部署到GitHub Pages（免费）、Vercel或Netlify。