feat: use new og images in layout

satnaing · Sep 21, 2023 · ec3c691 · ec3c691
1 parent a83c871
commit ec3c691
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -22,7 +22,7 @@ const {
 } = Astro.props;
 
 const socialImageURL = new URL(
-  ogImage ? ogImage : SITE.ogImage,
+  ogImage ?? SITE.ogImage ?? "og.png",
   Astro.url.origin
 ).href;
 ---

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

diff --git a/src/types.ts b/src/types.ts
@@ -3,7 +3,7 @@ export type Site = {
   author: string;
   desc: string;
   title: string;
-  ogImage: string;
+  ogImage?: string;
   lightAndDarkMode: boolean;
   postPerPage: number;
 };