Bannerifyでは、生成したHTMLプレビューページとそのバナー素材をすべて、Cloudflare Pagesに直接公開できます。
Cloudflare Pagesを設定する
- Cloudflareで、使いたいアカウントに対してCloudflare Pages: Editの権限を持つAPIトークンを作成します。
- CloudflareのダッシュボードからアカウントIDをコピーします。
- BannerifyでExport to HTMLをクリックし、Upload Preview Pageを有効にして、Cloudflare Pagesを選びます。
- APIトークンとアカウントIDを貼り付け、英小文字、数字、ハイフンを使ってPagesのプロジェクト名を入力します。
Export n Bannersをクリックすると、Bannerifyが生成したプレビューファイルをアップロードし、Cloudflare PagesのプレビューURLを返します。指定した名前のPagesプロジェクトが存在しない場合は、アップロードの前に、mainを本番ブランチとしてプロジェクトを作成します。
APIトークンは、Figmaユーザーの非公開のクライアントストレージに保存されます。アカウントIDとプロジェクト名は現在のFigmaページに保存されるため、以降のエクスポートでも同じプロジェクトを再利用できます。
Cloudflare Pagesには静的サイト向けの無料プランがあり、最新のPagesの制限が適用されます。