From a504651f6365dbba66b2513e27581a3369e00a95 Mon Sep 17 00:00:00 2001
From: SkyWT <me@skywt.cn>
Date: Wed, 7 Feb 2024 01:12:07 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20=E6=B7=BB=E5=8A=A0=20404=20?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/menu/Menu.astro |  2 +-
 src/pages/404.astro            | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/404.astro

diff --git a/src/components/menu/Menu.astro b/src/components/menu/Menu.astro
index b17fd5e1..97c1eb6a 100644
--- 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
new file mode 100644
index 00000000..ef16e8a3
--- /dev/null
+++ 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>