优化错误展示页

Author: LingLambda

src/pages/404.astro

@@ -3,7 +3,25 @@ import ErrorLayout from "../layouts/ErrorLayout.astro";
 ---
 
 <ErrorLayout title="404">
-  <h1>这里啥都没有 - 404</h1>
+  <div class="main">
+    <h1>这里啥都没有 - 404</h1>
+    <a href="/">点我返回主页</a>
+  </div>
 </ErrorLayout>
 
-<style></style>
+<style>
+  .main {
+    display: flex;
+    flex-direction: column;
+    justify-content: center; /* 水平居中 */
+    align-items: center; /* 垂直居中 */
+  }
+  h1 {
+  }
+  a{
+    text-decoration: none;
+  }
+  a:hover{
+    color: gray;
+  }
+</style>

src/pages/500.astro

@@ -3,7 +3,30 @@ import ErrorLayout from "../layouts/ErrorLayout.astro";
 ---
 
 <ErrorLayout title="500">
-  <h1>爆炸了！ - 500</h1>
+  <div class="main">
+    <h1>爆炸了！- 500</h1>
+    <p>
+      一般情况你不会看到这个页面，如果你看到了，拜托<a
+        href="mailto:[email protected]"
+        target="_blank"
+        class="info"><h3>联系我</h3></a
+      >吧，我什么都会做的！
+    </p>
+  </div>
 </ErrorLayout>
 
-<style></style>
+<style>
+  .main {
+    display: flex;
+    flex-direction: column;
+    justify-content: center; /* 水平居中 */
+    align-items: center; /* 垂直居中 */
+  }
+  .info {
+    color: red;
+    text-decoration: none;
+  }
+  .info:hover {
+    text-decoration: underline;
+  }
+</style>