diff --git a/src/pages/post/[...slug].astro b/src/pages/post/[...slug].astro index 59049c3..ae5d4db 100644 --- a/src/pages/post/[...slug].astro +++ b/src/pages/post/[...slug].astro @@ -33,7 +33,7 @@ let matchedImage_src; if (matchedImage && !customFeaturedImage) { matchedImage_src = await getImage({src: featuredImages[matchedImage], format: 'webp'}) || null; } -const firstImageURL = await ExtractFirstImage(Content,Astro.url.origin) +const firstImageURL = await ExtractFirstImage(Content) const cover = customFeaturedImage || matchedImage_src?.src || firstImageURL || `/post/${slug}/featured.png` || ''; --- diff --git a/src/plugins/extract-images.js b/src/plugins/extract-images.js index 61253dd..7bb35d2 100644 --- a/src/plugins/extract-images.js +++ b/src/plugins/extract-images.js @@ -3,7 +3,7 @@ import {getContainerRenderer as getMDXRenderer} from "@astrojs/mdx"; import {experimental_AstroContainer as AstroContainer} from "astro/container"; import {transform, walk} from "ultrahtml"; -export async function ExtractFirstImage(Content, baseUrl = '') { +export async function ExtractFirstImage(Content) { // Load MDX renderer. Other renderers for UI frameworks (e.g. React, Vue, etc.) would need adding here if you were using those. const renderers = await loadRenderers([getMDXRenderer()]); @@ -22,15 +22,7 @@ export async function ExtractFirstImage(Content, baseUrl = '') { await walk(node, (node) => { if (node.name === "img" && node.attributes.src) { // Store the first image URL we find - if (!firstImageUrl) { - firstImageUrl = node.attributes.src.startsWith("/") - ? baseUrl + node.attributes.src - : node.attributes.src; - } - // Still update the src attribute if needed - if (node.attributes.src.startsWith("/")) { - node.attributes.src = baseUrl + node.attributes.src; - } + firstImageUrl = node.attributes.src; } }); return node;