部署与导出
导出 HTML、下载 ZIP、部署到 Vercel 或 Netlify，以及 GitHub 推送。
按套餐分类的导出选项
| 导出类型 | Free | Basic | Pro | Premium |
|---|---|---|---|---|
| 在线子域名 | ✓ | ✓ | ✓ | ✓ |
| 复制 HTML | ✓ | ✓ | ✓ | ✓ |
| ZIP 下载 | — | ✓ | ✓ | ✓ |
| GitHub 推送 | — | — | ✓ | ✓ |
| 自定义域名 | — | — | ✓ | ✓ |
复制 HTML
打开构建器中的代码标签页。完整 HTML 以语法高亮显示。
点击复制将完整文件复制到剪贴板。这是一个自包含的单文件，包含：
- 所有 CSS 内联在 <style> 块中
- 所有 JavaScript 内联在 <script> 块中
- 主图作为外部 CDN URL 引用
- 通过 Google Fonts CDN 加载字体
该文件可以放入任意静态主机，或直接在浏览器中打开。
ZIP 下载（Basic+）
点击代码标签页中的下载图标下载 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 URL。在 Netlify 的域名设置中连接您自己的域名。
GitHub 推送（Pro+）
在代码标签页中，在设置 → 集成中连接您的账户后，点击推送到 GitHub。
Draftly 会创建一个包含以下内容的新仓库：
- index.html —— 您的网站
- README.md —— 设置和部署说明
- .github/workflows/deploy.yml —— GitHub Pages 部署工作流
从 GitHub 您可以一键部署到 GitHub Pages（免费）、Vercel 或 Netlify。