ページごとに異なるOGP画像を自動設定するインテグレーションを追加

- src/plugins/og-image.ts: ビルド後のHTMLにページ別og:imageを注入
- 各ページのスラッグから /og/{slug}.png 形式でOGP画像URLを生成
- 例: /whisper-to-ai-moji-okoshi/ → /og/whisper-to-ai-moji-okoshi.png

1 files changed, 2 insertions, 0 deletions

diff --git a/astro.config.mjs b/astro.config.mjs
index c4f741f..cdf4b20 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -2,6 +2,7 @@ import { defineConfig } from "astro/config";
 import starlight from "@astrojs/starlight";
 import sitemap from "@astrojs/sitemap";
 import remarkMermaid from "remark-mermaidjs";
+import ogImagePlugin from "./src/plugins/og-image";
 
 export default defineConfig({
   site: "https://yasutakeyohei.com",
@@ -12,6 +13,7 @@ export default defineConfig({
   },
   integrations: [
     sitemap(),
+    ogImagePlugin(),
     starlight({
       title: "小平市議 安竹洋平 公式サイト",
       description: