feat: sitemap 插件

2025-11-17 22:37:18 +08:00
parent 0a0c78635a
commit fc8e3a8038
6 changed files with 76 additions and 7 deletions
--- a/src/components/BaseFooter.astro
+++ b/src/components/BaseFooter.astro
@@ -7,7 +7,7 @@

  .content {
    color: aliceblue;
-    width: var(--layout-width);
+    max-width: var(--layout-width);
    margin: 0 auto;
    color: #f9f8f6;
    display: flex;
--- a/src/components/BaseHeader.astro
+++ b/src/components/BaseHeader.astro
@@ -8,7 +8,7 @@
  }

  .main-nav {
-    width: var(--layout-width);
+    max-width: var(--layout-width);
    margin: 0 auto;
    height: 100%;
    padding: 0 16px;
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -12,14 +12,18 @@ const { siteTitle } = metadata;
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
+    />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="generator" content={Astro.generator} />
    <title>{siteTitle}</title>
  </head>
  <body>
    <BaseHeader />
-    <main class="grid-background">
+    <main>
+      <div class="grid-background"></div>
      <slot />
    </main>
    <BaseFooter />
@@ -40,12 +44,22 @@ const { siteTitle } = metadata;

  main {
    flex: 1;
-    width: var(--layout-width);
+    max-width: var(--layout-width);
+    width: 100%;
    margin: 0 auto;
    padding: 16px;
+    position: relative;
  }

  .grid-background {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
    background-color: #ffffff;
    opacity: 0.3;
    background-image: linear-gradient(#d7edfb 2px, transparent 2px),