update og image

src/config.ts

@@ -5,7 +5,7 @@ export const SITE: Site = {
   author: "Chris Watson",
   desc: "Personal website and blog of Chris Watson",
   title: "Watzon Does Tech",
-  ogImage: "astropaper-og.jpg",
+  ogImage: "watzon-tech-og.png",
   lightAndDarkMode: true,
   postPerPage: 5,
 };

src/layouts/PostDetails.astro

@@ -17,8 +17,7 @@ const { title, author, description, ogImage, canonicalURL, date, tags } = post.d
 
 const { Content } = await post.render();
 
-const ogUrl = new URL(ogImage ? ogImage : `${title}.png`, Astro.url.origin)
-  .href;
+const ogUrl = ogImage ? new URL(ogImage, Astro.url.origin).href : undefined;
 ---
 
 <Layout title={title} author={author} description={description} ogImage={ogUrl} canonicalURL={canonicalURL}>