デプロイとエクスポート
HTMLのエクスポート、ZIPダウンロード、VercelまたはNetlifyへのデプロイ、GitHubプッシュについて。
プラン別エクスポートオプション
| エクスポートタイプ | Free | Basic | Pro | Premium |
|---|---|---|---|---|
| ライブサブドメイン | ✓ | ✓ | ✓ | ✓ |
| HTMLコピー | ✓ | ✓ | ✓ | ✓ |
| ZIPダウンロード | — | ✓ | ✓ | ✓ |
| GitHubプッシュ | — | — | ✓ | ✓ |
| カスタムドメイン | — | — | ✓ | ✓ |
HTMLのコピー
ビルダーのコードタブを開いてください。完全なHTMLがシンタックスハイライト付きで表示されます。
コピーをクリックしてクリップボードに完全なファイルをコピーしてください。これは以下を含む自己完結型の単一ファイルです：
- <style> ブロックにすべてのCSSをインライン
- <script> ブロックにすべてのJavaScriptをインライン
- 外部CDN URLとして参照されたヒーロー画像
- Google Fonts CDNで読み込まれたフォント
このファイルは任意の静的ホストにドロップするか、ブラウザで直接開くことができます。
ZIPダウンロード（Basic+）
コードタブのダウンロードアイコンをクリックしてZIPアーカイブをダウンロードしてください。
内容：
- index.html — 完全なサイト
- README.md — デプロイ手順
解凍して index.html をNetlify、Vercel、GitHub Pages、Cloudflare Pages、AWS S3、または任意のウェブサーバーにアップロードしてください。
Vercelへのデプロイ
index.html をアップロードエリアにドロップビルド設定は不要 — 静的HTMLファイルです。Vercelは即座にグローバルCDNから配信します。
Netlifyへのデプロイ
Netlifyは *.netlify.app URLを割り当てます。NetlifyのドメインセッティングでPersonnel独自ドメインを接続してください。
GitHubプッシュ（Pro+）
コードタブから、設定 → 連携でアカウントを接続した後、GitHubにプッシュをクリックしてください。
Draftlyは以下を含む新しいリポジトリを作成します：
- index.html — サイト
- README.md — セットアップとデプロイのメモ
- .github/workflows/deploy.yml — GitHub Pagesデプロイワークフロー
GitHubからGitHub Pages（無料）、Vercel、またはNetlifyにワンクリックでデプロイできます。