✨ 添加 404 页面

Skywt2003 · Feb 6, 2024 · a504651 · a504651
1 parent bb338e0
commit a504651
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/src/components/menu/Menu.astro b/src/components/menu/Menu.astro
@@ -19,7 +19,7 @@ import yml from "./config.yml";
     includeHome && (
       <li>
         <a class="link" href="/">
-          <i class="ri-newspaper-line" />
+          <i class="ri-home-line" />
           主页
         </a>
       </li>

diff --git a/src/pages/404.astro b/src/pages/404.astro
@@ -0,0 +1,18 @@
+---
+import Layout from "../layouts/Layout.astro";
+import Menu from "../components/menu/Menu.astro";
+---
+
+<Layout title="404 Not Found" includeHeader={false}>
+  <div class="container min-h-screen flex flex-col justify-center">
+    <h1 class="primary-color">404 Not Found.</h1>
+    <div class="mt-12 secondary-color">
+      <p>
+        <a href="/" class="link"><i class="ri-home-line"></i> 返回首页</a>
+      </p>
+      <p class="mt-2">
+        <Menu includeHome={false} />
+      </p>
+    </div>
+  </div>
+</Layout>