添加 About 页面

src/components/BoringLayout.astro

@@ -0,0 +1,54 @@
+---
+/* 在博客翻新时期使用的占位 Layout，讲究的就是极简 */
+
+import BaseLayout from '../components/BaseLayout.astro'
+
+interface Props {
+  title?: string
+}
+
+const { title = '小帕的小窝' } = Astro.props
+---
+
+<BaseLayout title={title}>
+  <div class="main">
+    <slot />
+  </div>
+</BaseLayout>
+
+<style>
+  .main {
+    font-family:
+      'HarmonyOS Sans SC',
+      'Noto Sans SC',
+      system-ui,
+      -apple-system,
+      BlinkMacSystemFont,
+      'Segoe UI',
+      Roboto,
+      Oxygen,
+      Ubuntu,
+      Cantarell,
+      'Open Sans',
+      'Helvetica Neue',
+      sans-serif;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    width: 100dvw;
+    height: 100dvh;
+    padding-inline: 40px;
+    text-align: center;
+
+    & :global(a) {
+      color: var(--color-link);
+      text-decoration: none;
+
+      &:global(:hover),
+      &:global(:focus) {
+        text-decoration: underline;
+      }
+    }
+  }
+</style>