R2の接続情報は.envで管理し、同期コマンド実行時に環境変数として読み込みます。画像ファイルはR2へ保存し、Astro側は生成済みJSONの公開URLを通常の画像URLとして参照します。

同期から公開まで

ローカル同期コマンドは対象サイトのページを解析し、画像候補をWebP化してR2へ保存します。保存後は生成カタログへ画像メタデータを追記し、Astroの静的ビルドで画像一覧、人物別ギャラリー、画像詳細ページへ反映します。

記事内で強調したい画像は2点並びで確認できます。

ギャラリー導線

記事本文では運用手順だけでなく、関連する人物や画像へすぐ移動できる導線を置きます。記事を読み終えたユーザーが、そのままギャラリーに戻れる構成にします。

関連画像の確認用グリッド