Fix BASE_URL path separator for logo and internal links

allen108108 · claude · allen108108 · commit 244ea627276f · 2026-05-12T16:28:04.000+08:00
Co-Authored-By: Claude Sonnet 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/src/components/HeaderLink.astro b/src/components/HeaderLink.astro
@@ -9,7 +9,7 @@ const subpath = pathname.match(/[^\/]+/g);
 const isActive = href === pathname || href === '/' + (subpath?.[0] || '');
 ---
 
-<a href={`${import.meta.env.BASE_URL}${href.replace(/^\//, '')}`} class:list={[className, { active: isActive }]} {...props}>
+<a href={`${import.meta.env.BASE_URL}/${href.replace(/^\//, '')}`.replace('//', '/')} class:list={[className, { active: isActive }]} {...props}>
 	<slot />
 </a>
 <style>
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
@@ -94,7 +94,7 @@ const posts = (await getCollection('blog')).sort(
 					{
 						posts.map((post) => (
 							<li>
-								<a href={`${import.meta.env.BASE_URL}blog/${post.id}/`}>
+								<a href={`${import.meta.env.BASE_URL}/blog/${post.id}/`.replace('//', '/')}>
 									{post.data.heroImage && (
 										<Image width={720} height={360} src={post.data.heroImage} alt="" />
 									)}
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -13,7 +13,7 @@ import { SITE_DESCRIPTION, SITE_TITLE } from '../consts';
 	<body>
 		<Header />
 		<main>
-			<h1 style="display: flex; align-items: center; gap: 0.4em;"><img src={`${import.meta.env.BASE_URL}logo.png`} alt="" width="80" height="80" style="min-width:80px;" /> Hello, Builder!</h1>
+			<h1 style="display: flex; align-items: center; gap: 0.4em;"><img src={`${import.meta.env.BASE_URL}/logo.png`.replace('//', '/')} alt="" width="80" height="80" style="min-width:80px;" /> Hello, Builder!</h1>
 			<p>
 				Welcome to the <strong>OpenAB Blog</strong> — where we share project updates, technical deep dives, and stories from the open-source agent builder community.
 			</p>

Original file line number	Diff line number	Diff line change
`@@ -94,7 +94,7 @@ const posts = (await getCollection('blog')).sort(`
`94`	`94`	`{`
`95`	`95`	`posts.map((post) => (`
`96`	`96`	`<li>`
`97`		- <a href={`${import.meta.env.BASE_URL}blog/${post.id}/`}>
	`97`	+ <a href={`${import.meta.env.BASE_URL}/blog/${post.id}/`.replace('//', '/')}>
`98`	`98`	`{post.data.heroImage && (`
`99`	`99`	`<Image width={720} height={360} src={post.data.heroImage} alt="" />`
`100`	`100`	`)}`