ZIPまたはフォルダーを公開する

複数のHTML、CSS、JavaScript、画像、フォント、JSONを使う場合は、ZIPまたはフォルダーとして公開します。RORはファイルの構成を保って配信します。

準備する構成

入口は、正確な名前のindex.htmlです。次のどちらかの構成にしてください。

index.html
styles.css
app.js
assets/
  hero.webp

または、すべてを1つの親フォルダーへ入れます。

my-site/
  index.html
  styles.css
  app.js
  assets/
    hero.webp

単一の親フォルダーは公開時に自動で取り除かれます。index.htmlがさらに深い階層だけにある構成や、複数の親フォルダーが並ぶ構成は公開できません。

ZIPを公開する

1. 新しいロールを開きます。
2. ZIPを「ここにZIPをドロップ」へドロップするか、「ZIPを選択」を押します。
3. 必要に応じて「タイトル（任意）」を入力します。
4. 「公開URLを作る」を押します。
5. 公開完了後、「共有URL」の「コピー」を押します。

トップページの「ファイルを選ぶ」からZIPを選ぶこともできます。ドロップできるのはZIPファイル1つだけです。

フォルダーを公開する

1. 新しいロールを開きます。
2. 「フォルダーを選択」を押します。
3. 公開するフォルダーを選びます。
4. 「フォルダーをZIPにしています…」の処理が終わるまで待ちます。
5. ファイル数とZIPサイズを確認し、「公開URLを作る」を押します。

フォルダーはブラウザ内でZIPにまとめられてからアップロードされます。フォルダーをドラッグ＆ドロップすることはできないため、「フォルダーを選択」を使ってください。

フレームワークで作ったサイト

React、Vue、Astro、Tailwind CSSなどを利用していても、ビルド後の静的ファイルなら公開できます。プロジェクト全体ではなく、distやbuildなど、index.htmlを含む出力フォルダーを選んでください。