From 582e76cf43eda6021812aae377e67326945f518c Mon Sep 17 00:00:00 2001
From: CorrectRoad <a778917369@gmail.com>
Date: Tue, 23 Apr 2024 00:04:43 +0800
Subject: [PATCH] feat: add dynamic descript to meta head (#56)

* feat: add dynamic descript to meta head

* revert code
---
 src/layouts/Layout.astro                    | 5 +++--
 src/layouts/MainGridLayout.astro            | 5 +++--
 src/pages/about.astro                       | 2 +-
 src/pages/archive/category/[category].astro | 2 +-
 src/pages/archive/tag/[tag].astro           | 2 +-
 src/pages/posts/[...slug].astro             | 2 +-
 6 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index d32c646..60841bd 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -12,9 +12,10 @@ import {profileConfig, siteConfig} from "@/config";
 interface Props {
 	title: string;
 	banner: string;
+	description?: string;
 }
 
-let { title, banner } = Astro.props;
+let { title, banner, description } = Astro.props;
 
 const isHomePage = pathsEqual(Astro.url.pathname, '/');
 
@@ -70,7 +71,7 @@ if (title) {
 		<title>{pageTitle}</title>
 
 		<meta charset="UTF-8" />
-		<meta name="description" content="Astro description">
+		<meta name="description" content={description || pageTitle}>
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
 		<link rel="icon" media="(prefers-color-scheme: light)" href="/favicon/favicon-light-32.png" sizes="32x32">
diff --git a/src/layouts/MainGridLayout.astro b/src/layouts/MainGridLayout.astro
index c7cabc6..827a099 100644
--- a/src/layouts/MainGridLayout.astro
+++ b/src/layouts/MainGridLayout.astro
@@ -10,15 +10,16 @@ import {siteConfig} from "@/config";
 interface Props {
     title: string;
     banner?: string;
+    description?: string;
 }
 
-const { title, banner } = Astro.props
+const { title, banner, description } = Astro.props
 const isHomePage = pathsEqual(Astro.url.pathname, '/')
 const enableBanner = siteConfig.banner.enable
 
 ---
 
-<Layout title={title} banner={banner}>
+<Layout title={title} banner={banner} description={description}>
 <div class="max-w-[var(--page-width)] min-h-screen grid grid-cols-[17.5rem_auto] grid-rows-[auto_auto_1fr_auto] lg:grid-rows-[auto_1fr_auto]
     mx-auto gap-4 relative px-0 md:px-4"
 >
diff --git a/src/pages/about.astro b/src/pages/about.astro
index bcb52e2..476c631 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -12,7 +12,7 @@ const aboutPost = await getEntry('spec', 'about')
 const { Content } = await aboutPost.render()
 
 ---
-<MainGridLayout title={i18n(I18nKey.about)}>
+<MainGridLayout title={i18n(I18nKey.about)} description={i18n(I18nKey.about)}>
     <div class="flex w-full rounded-[var(--radius-large)] overflow-hidden relative min-h-32">
         <div class="card-base z-10 px-9 py-6 relative w-full ">
             <Markdown class="mt-2">
diff --git a/src/pages/archive/category/[category].astro b/src/pages/archive/category/[category].astro
index 5e053d3..88aa0d3 100644
--- a/src/pages/archive/category/[category].astro
+++ b/src/pages/archive/category/[category].astro
@@ -20,6 +20,6 @@ const { category } = Astro.params;
 
 ---
 
-<MainGridLayout title={i18n(I18nKey.archive)}>
+<MainGridLayout title={i18n(I18nKey.archive)} description={i18n(I18nKey.archive)}>
     <ArchivePanel categories={[category]}></ArchivePanel>
 </MainGridLayout>
diff --git a/src/pages/archive/tag/[tag].astro b/src/pages/archive/tag/[tag].astro
index eecbc2c..ce132a4 100644
--- a/src/pages/archive/tag/[tag].astro
+++ b/src/pages/archive/tag/[tag].astro
@@ -29,6 +29,6 @@ const { tag } = Astro.params;
 
 ---
 
-<MainGridLayout title={i18n(I18nKey.archive)}>
+<MainGridLayout title={i18n(I18nKey.archive)} description={i18n(I18nKey.archive)}>
     <ArchivePanel tags={[tag]}></ArchivePanel>
 </MainGridLayout>
diff --git a/src/pages/posts/[...slug].astro b/src/pages/posts/[...slug].astro
index 5b65733..46400e4 100644
--- a/src/pages/posts/[...slug].astro
+++ b/src/pages/posts/[...slug].astro
@@ -27,7 +27,7 @@ const { Content } = await entry.render();
 const { remarkPluginFrontmatter } = await entry.render();
 
 ---
-<MainGridLayout banner={entry.data.image} title={entry.data.title}>
+<MainGridLayout banner={entry.data.image} title={entry.data.title} description={entry.data.description}>
     <div class="flex w-full rounded-[var(--radius-large)] overflow-hidden relative mb-4">
         <div id="post-container" class:list={["card-base z-10 px-6 md:px-9 pt-6 pb-4 relative w-full ",
             {}