Fix OG Images

WebDevSimplified · WebDevSimplified · commit a11bf5d3451b · 2025-09-17T15:04:05.000-05:00
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
@@ -5,7 +5,6 @@ import "../styles/shiki-highlight.css"
 import BaseHead from "../components/BaseHead.astro"
 import BlogPost from "../components/BlogPost.astro"
 import BaseTopOfBody from "src/components/BaseTopOfBody.astro"
-import path from "path"
 
 const { content } = Astro.props
 const {
@@ -21,7 +20,7 @@ const url = Astro.request.url
 
 <html lang={content.lang || "en"}>
   <head>
-    <BaseHead {title} {description} permalink={url} image={path.join(url, "og.webp")} />
+    <BaseHead {title} {description} permalink={url} image="/og.webp" />
   </head>
 
   <body>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -5,7 +5,6 @@ import "../styles/blog.css"
 import BaseHead from "../components/BaseHead.astro"
 import BlogList from "/src/components/BlogList.jsx"
 import BaseTopOfBody from "src/components/BaseTopOfBody.astro"
-import path from "path"
 
 interface MarkdownFrontmatter {
   date: number
@@ -51,7 +50,7 @@ const allPosts = allMarkdownPosts
 
 <html lang="en">
   <head>
-    <BaseHead {title} {description} {permalink} image={path.join(url, "og.webp")} />
+    <BaseHead {title} {description} {permalink} image="/og.webp" />
 
     <style>
       .content {
