feat: remove hero block from home page

zhongyangxun · zhongyangxun · commit 7f41d9867fe9 · 2026-03-12T17:51:37.000+08:00
diff --git a/src/components/PostList.tsx b/src/components/PostList.tsx
@@ -7,7 +7,7 @@ type PostListProps = {
 
 const PostList = ({ posts }: PostListProps) => {
   return (
-    <ul className="mt-20">
+    <ul>
       {posts.map((post: Post) => {
         const { id, data } = post;
         const { title, update, pubDate, description } = data;
diff --git a/src/layouts/Baselayout.astro b/src/layouts/Baselayout.astro
@@ -40,10 +40,8 @@ const pathname = Astro.url.pathname;
     <title>{pageTitle}</title>
   </head>
   <body class="pb-32 px-4">
-    <header>
-      <div
-        class="max-w-xl mx-auto flex justify-between items-center mt-8 mb-16"
-      >
+    <header class="pt-8 pb-8 sm:pb-16">
+      <div class="max-w-xl mx-auto flex justify-between items-center">
         <Navigation pathname={pathname} client:load />
         <ModeToggle client:load />
       </div>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -4,12 +4,8 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
 import { getCollection } from 'astro:content';
 
 const allPosts = await getCollection('posts');
-
-const pageTitle = 'My Astro Learning Blog';
 ---
 
 <BaseLayout>
-  <h1>{pageTitle}</h1>
-  <p>This is where I will post about my journey learning Astro.</p>
   <PostList posts={allPosts} />
 </BaseLayout>
