From f52b3165da54b1e694d9eba48b4a5f498ee9fbf6 Mon Sep 17 00:00:00 2001 From: xfy Date: Tue, 26 May 2026 10:46:18 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E9=A6=96=E5=8C=BA=E6=94=B9?= =?UTF-8?q?=E4=B8=BA=E4=B8=AA=E4=BA=BA=E7=AE=80=E4=BB=8B=EF=BC=88HomeInfo?= =?UTF-8?q?=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 删除 FirstEntry(首篇文章精选)组件 - 新增 HomeInfo 组件:居中标题 "Yggdrasil" + 简介 - 文章列表从第 1 篇开始显示(共 6 篇) Co-Authored-By: Claude Opus 4.7 (1M context) --- src/pages/home.rs | 32 +++++++++----------------------- 1 file changed, 9 insertions(+), 23 deletions(-) diff --git a/src/pages/home.rs b/src/pages/home.rs index 618d867..b744df7 100644 --- a/src/pages/home.rs +++ b/src/pages/home.rs @@ -62,8 +62,8 @@ pub fn HomePage() -> Element { div { class: "min-h-screen flex flex-col bg-white dark:bg-[#1d1e20] transition-colors duration-300", Header {} main { class: "flex-1 w-full max-w-3xl mx-auto px-6 py-6", - FirstEntry { post: POSTS[0].clone() } - for post in POSTS.iter().skip(1) { + HomeInfo {} + for post in POSTS.iter() { PostEntry { post: post.clone() } } Pagination {} @@ -115,28 +115,14 @@ fn NavItem(href: &'static str, label: &'static str, #[props(default = false)] ac } #[component] -fn FirstEntry(post: Post) -> Element { - let tag_items = post.tags.iter().map(|t| *t).collect::>(); - +fn HomeInfo() -> Element { rsx! { - article { class: "mb-10", - a { class: "block group", href: "/post/{post.slug}", - h1 { class: "text-[34px] font-bold leading-tight text-gray-900 dark:text-[#dadadb] group-hover:opacity-80 transition-opacity", - "{post.title}" - } - div { class: "mt-3 text-base text-gray-500 dark:text-[#9b9c9d] leading-relaxed", - "{post.summary}" - } - div { class: "mt-4 flex items-center gap-3 text-sm text-gray-400 dark:text-[#9b9c9d]", - span { "{post.date}" } - span { "·" } - for (i, tag) in tag_items.iter().enumerate() { - if i > 0 { - span { "," } - } - span { "{tag}" } - } - } + div { class: "mb-10 text-center", + h1 { class: "text-[34px] font-bold leading-tight text-gray-900 dark:text-[#dadadb]", + "Yggdrasil" + } + p { class: "mt-3 text-base text-gray-500 dark:text-[#9b9c9d] leading-relaxed", + "以文字为主的简约博客系统" } } }