feat: set page titles for all routes

zhongyangxun · zhongyangxun · commit ff52d9412e75 · 2026-03-13T23:56:54.000+08:00
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -3,7 +3,14 @@ import '../styles/global.css';
 import Navigation from '@/components/Navigation';
 import ModeToggle from '@/components/ModeToggle';
 
-const pageTitle = 'Home Page';
+type Props = {
+  pageTitle: string;
+};
+
+const { pageTitle } = Astro.props;
+const siteTitle = "Joey's Blog";
+const fullTitle = pageTitle ? `${pageTitle} | ${siteTitle}` : siteTitle;
+
 const pathname = Astro.url.pathname;
 ---
 
@@ -41,7 +48,7 @@ const pathname = Astro.url.pathname;
     />
     <meta name="viewport" content="width=device-width" />
     <meta name="generator" content={Astro.generator} />
-    <title>{pageTitle}</title>
+    <title>{fullTitle}</title>
   </head>
   <body class="pb-32 px-4">
     <header class="pt-8 pb-8 sm:pb-16">
diff --git a/src/layouts/PostLayout.astro b/src/layouts/PostLayout.astro
@@ -8,7 +8,7 @@ const { post } = Astro.props;
 const { title, pubDate, description, update } = post.data;
 ---
 
-<BaseLayout>
+<BaseLayout pageTitle={title}>
   <Prose>
     <PostMeta title={title} pubDate={pubDate} description={description} />
     <slot />
diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -8,7 +8,7 @@ const [about] = await getCollection('about');
 const { Content } = await render(about);
 ---
 
-<BaseLayout>
+<BaseLayout pageTitle="About">
   <Prose>
     <Content />
   </Prose>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -6,6 +6,6 @@ import { getCollection } from 'astro:content';
 const allPosts = await getCollection('posts');
 ---
 
-<BaseLayout>
+<BaseLayout pageTitle="Home">
   <PostList posts={allPosts} />
 </BaseLayout>
