fix: get og image url correctly

satnaing · Sep 25, 2023 · 7f3edbd · 7f3edbd
1 parent b03b722
commit 7f3edbd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/content/config.ts b/src/content/config.ts
@@ -16,6 +16,7 @@ const blog = defineCollection({
         .refine(img => img.width >= 1200 && img.height >= 630, {
           message: "OpenGraph image must be at least 1200 X 630 pixels!",
         })
+        .or(z.string())
         .optional(),
       description: z.string(),
       canonicalURL: z.string().optional(),

diff --git a/src/layouts/PostDetails.astro b/src/layouts/PostDetails.astro
@@ -18,10 +18,8 @@ const { title, author, description, ogImage, canonicalURL, pubDatetime, tags } =
 
 const { Content } = await post.render();
 
-const ogUrl = new URL(
-  ogImage ? ogImage.src : `${post.slug}.png`,
-  Astro.url.origin
-).href;
+const ogImageUrl = typeof ogImage === "string" ? ogImage : ogImage?.src;
+const ogUrl = new URL(ogImageUrl ?? `${post.slug}.png`, Astro.url.origin).href;
 ---
 
 <Layout