主页框架

src/pages/blogs.astro

@@ -1,6 +1,5 @@
 ---
-import BaseLayout from '../layout/BaseLayout.astro'
-
+import FullLayoutV1 from '../layout/FullLayoutV1.astro'
 import { listBlogs } from '../lib/apis/legacy/blog'
 
 export const prerender = false
@@ -11,12 +10,34 @@ const page = isNaN(_page) ? 1 : Math.max(1, _page)
 const blogs = await listBlogs({ page })
 ---
 
-<BaseLayout>
-  {
-    blogs.map((blog) => (
-      <div>
-        <a href={`/blogs/${blog.id}`}>{blog.title}</a>
-      </div>
-    ))
+<FullLayoutV1>
+  <div class="__dev__caution">
+    <h1>仍在开发中，界面会崩坏</h1>
+  </div>
+  <section>
+    <ul>
+      {
+        blogs.map((blog) => (
+          <li>
+            <a href={`/blogs/${blog.id}`}>{blog.title}</a>
+          </li>
+        ))
+      }
+    </ul>
+  </section>
+</FullLayoutV1>
+
+<style>
+  .__dev__caution {
+    width: 100dvw;
+    height: 100dvh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    & > h1 {
+      font-size: 72px;
+      font-weight: 800;
+    }
   }
-</BaseLayout>
+</style>