fix: base url in header image

src/layouts/ArticleLayout.astro

@@ -7,6 +7,7 @@ import { getBaseUrl, buildPageTree, buildBreadcrumbs } from "@utils";
 import { LANGUAGES } from "@config";
 import type { IPage } from "@interfaces/IPage";
 import { format } from "node:util";
+import { prefixWithBaseIfNotUrl } from "@utils/Url";
 
 type Props = MarkdownLayoutProps<{
   title: string;
@@ -60,7 +61,10 @@ const breadcrumbs = buildBreadcrumbs(breadcrumbItems, url as string, baseUrl);
       hideFooterSeparator={frontmatter.hideFooterSeparator}
       title={frontmatter.title}
       subtitle={frontmatter.subtitle}
-      titleImage={frontmatter.headerImage}
+      titleImage={prefixWithBaseIfNotUrl(
+        frontmatter.headerImage,
+        baseUrl
+      )}
       tags={frontmatter.tags}
       teaser={frontmatter.teaser || frontmatter.description}
       dateAndAuthor={`${frontmatter.date || ""}${

src/layouts/HomeLayout.astro

@@ -6,6 +6,7 @@ import type { MarkdownLayoutProps } from "astro";
 import { getBaseUrl, buildPageTree } from "@utils";
 import { LANGUAGES } from "@config";
 import type { IPage } from "@interfaces/IPage";
+import { prefixWithBaseIfNotUrl } from "@utils/Url";
 
 type Props = MarkdownLayoutProps<{
   title: string;
@@ -30,7 +31,9 @@ const menuItems = buildPageTree(rawContent, baseUrl, localeFromUrl);
     menuItems={menuItems}
     compact={true}
   />
-  <HeroSection src={frontmatter.headerImage} />
+  <HeroSection
+    src={prefixWithBaseIfNotUrl(frontmatter.headerImage, baseUrl)}
+  />
   <main class="fc-overflow-x-hidden">
     <slot />
   </main>

src/utils/Url.ts

@@ -10,3 +10,25 @@ export const getBaseUrl = (withoutEndingSlash?: boolean): string => {
   }
   return baseUrl;
 };
+
+/**
+ * Prefix a given path with a base url, if the given path is NOT a valid external URL.
+ * @param path
+ * @param baseUrl
+ * @returns
+ */
+
+export const prefixWithBaseIfNotUrl = (
+  path: string,
+  baseUrl?: string
+): string => {
+  if (baseUrl) {
+    const isExternalUrl = path.toLowerCase().startsWith("http");
+    const hasTrailingSlash = path.endsWith("/");
+
+    return isExternalUrl
+      ? path
+      : `${baseUrl}${hasTrailingSlash ? "" : "/"}${path}`;
+  }
+  return path;
+};