デプロイとエクスポート
HTMLのエクスポート、ZIPダウンロード、VercelまたはNetlifyへのデプロイ、GitHubプッシュ。
プラン別エクスポートオプション
| エクスポートタイプ | フリー | ベーシック | プロ | プレミアム |
|---|---|---|---|---|
| ライブサブドメイン | ✓ | ✓ | ✓ | ✓ |
| 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、または任意のウェブサーバーにアップロードします。
Vercelにデプロイ
index.htmlをアップロードエリアにドラッグ＆ドロップしますビルド設定は不要です — 静的HTMLファイルです。VercelはグローバルCDNから即座に提供します。
Netlifyにデプロイ
Netlifyは*.netlify.appのURLを割り当てます。Netlifyのドメイン設定で独自のドメインを接続してください。
GitHubプッシュ (Pro+)
コードタブから、設定 → 連携でアカウントを接続した後、GitHubにプッシュをクリックします。
Draftlyは以下の内容で新しいリポジトリを作成します。
- index.html — あなたのサイト
- README.md — セットアップとデプロイに関するメモ
- .github/workflows/deploy.yml — GitHub Pagesデプロイワークフロー
GitHubから、GitHub Pages (無料)、Vercel、またはNetlifyにワンクリックでデプロイできます。