social image

cssho · cssho · commit 36520eaa7424 · 2024-03-18T21:39:25.000+09:00
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -9,10 +9,18 @@ import Splash from "~/components/splash.astro";
 import Timetable from "~/components/timetable.astro";
 import "~/styles/index.css";
 import Suponsor from "~/components/suponsor.astro";
+import path from "path";
 
 const { generator, site } = Astro;
 const description = "VS Code Conference Japan 2024 - 2024/04/20 Sat.";
 const title = "VS Code Conference Japan 2024";
+const socialImageUrl = new URL(
+  path.join(
+    import.meta.env.BASE_URL,
+    "social.png",
+    site?.toString() ?? "localhost:4321",
+  ),
+);
 ---
 
 <!doctype html>
@@ -35,7 +43,7 @@ const title = "VS Code Conference Japan 2024";
     <meta property="og:title" content={title} />
     <meta property="og:type" content="website" />
     <meta property="og:description" content={description} />
-    <meta property="og:image" content=`${site}/${import.meta.env.BASE_URL}/social.png` />
+    <meta property="og:image" content="socialImageUrl" />
     <meta property="og:url" content={site} />
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:site" content="@vscodejp" />
