From 056b5faf9899710fb88ef47754fe083e66397582 Mon Sep 17 00:00:00 2001 From: dsh Date: Tue, 15 Sep 2026 10:05:55 +0800 Subject: [PATCH] =?UTF-8?q?=E5=8E=BB=E9=87=8D=E3=80=8C=E6=88=91=E7=9A=84?= =?UTF-8?q?=E4=BB=8B=E7=BB=8D=E3=80=8D=EF=BC=9A=E9=A1=B5=E8=84=9A=E6=94=B9?= =?UTF-8?q?=E6=94=BE=E7=AB=99=E7=82=B9=E4=BF=A1=E6=81=AF=E5=8D=A1=E7=89=87?= =?UTF-8?q?=EF=BC=8C=E5=85=B3=E4=BA=8E=E9=A1=B5=E5=85=A5=E5=8F=A3=E5=8F=AA?= =?UTF-8?q?=E7=95=99=E5=9C=A8=E4=BE=A7=E6=A0=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 「我的介绍」重复 - 页脚原来那栏和侧栏作者卡片是同一份内容（同头像、同站名、同一句签名）， 手机端首页从头刷到尾会看到两次 - 页脚那栏整栏删除，只保留侧栏作者卡片 - 空出来的左侧位置给站点信息卡片 站点信息改成卡片 - 从原来横跨全宽的裸信息带，改成和侧栏作者卡片/分类卡片同一套语言： bg-card + border-border/50 + rounded-xl + p-5，标题带那道红色短竖线 - 内部 2 列 × 3 行：建站时间 / 已运行 / 文章 / 偶得 / 总字数 / 最近更新 - 桌面页脚高 529 -> 476px；手机 822 -> 760px（相比最初的 957px 共省 197px） 关于页入口 - 只留在侧栏作者卡片：站名和签名两行包在同一个 里 - 按要求去掉所有 hover 装饰（原来有头像描边转主色、站名转主色、箭头位移）， 也不再放「关于我 →」提示，两行就是安静的文字链接 - 头像不参与：下面社交图标本身是 ， 不能嵌套 验证（headless Chrome 131，禁用缓存） - 页脚站点信息卡片计算样式：bg oklch(0.98 0.011 84)、border 1px …/0.5、 radius 12px、padding 20px，与侧栏卡片一致 - 页脚内已无「时之刃的小站 / 只是将博客作为新的爱好的普通人」字样 - 侧栏 href=/about/，链接文本为「时之刃只是将博客作为新的爱好的普通人！」， className 为空（无 hover 类）；点名字跳转 /about/ 正常 - a a 嵌套数 0，无横向溢出；桌面/手机截图正常 --- README.md | 11 ++++--- src/components/footer.astro | 58 ++++++++++++++----------------------- src/components/sidebar.tsx | 36 ++++++++++------------- 3 files changed, 41 insertions(+), 64 deletions(-) diff --git a/README.md b/README.md index 827f463..bb6793a 100644 --- a/README.md +++ b/README.md @@ -241,18 +241,17 @@ prose-p:leading-[1.78] md:prose-p:leading-[1.85] | 区块 | 内容 | 显示范围 | |---|---|---| -| 我的介绍 | 头像 + 站名 + 签名，**整块可点去 `/about/`** | 全部 | +| 站点信息卡片 | 建站时间 / 已运行 / 文章 / 偶得 / 总字数 / 最近更新，卡片样式沿用侧栏作者卡片 | 全部 | | 最新文章 | 最近 4 篇（按发布时间倒序，不把置顶提前） | 桌面 | | 联系 | 社交图标 + 订阅 RSS | 全部 | -| 站点信息 | 建站时间 / 已运行 / 文章 / 偶得 / 总字数 / 最近更新 | 全部（想只在桌面显示就给它加 `hidden md:grid`） | | 底栏 | 版权 / 备案 / 主题署名 | 全部 | -**原来的「导航」栏已删除** —— 它是顶部导航的逐项复制（9 条名字和目标完全一样），手机上白占 312px。桌面端改用「最新文章」，把重复变成发现。不影响 SEO：顶部导航和移动端菜单里的链接在每页 HTML 里都还在。 +两处**刻意不放**的东西： -两点需要注意： +- **「导航」栏已删除** —— 它是顶部导航的逐项复制（9 条名字和目标完全一样），手机上白占 312px。桌面端改用「最新文章」，把重复变成发现。不影响 SEO：顶部导航和移动端菜单里的链接在每页 HTML 里都还在。 +- **页脚不再放「我的介绍」** —— 侧栏作者卡片已经有了，再放一份是重复。页脚那份的视觉位置让给了站点信息卡片。 -- **「我的介绍」整块包 `` 是合法的**，因为这一块里没有别的链接。但**侧栏的作者卡片不行** —— 它下面有社交图标（本身是 ``），`` 不能嵌套。所以那里只包到签名那一段。 -- 整块链接要给 `aria-label`，否则读屏会把「头像 alt + 站名 + 签名」整段念成链接名。 +「我的介绍 → 关于页」在**侧栏作者卡片**里（`sidebar.tsx`）：站名和签名那两行包在同一个 `` 里，不做 hover 装饰。只能包这两行——下面的社交图标本身是 ``，`` 不能嵌套 ``。`aria-label` 是必须的，否则读屏会把「站名 + 签名」念成链接名。 统计数据在 `src/lib/site-stats.ts`：文章数/偶得数/分类数/标签数/总字数在构建时算，「已运行 N 天」和「最近更新」由页脚里的内联脚本按**真实时间**刷新（站点久不重建也不会停在构建那天），服务端会先渲染一份构建时兜底值，关 JS 也不空。加减统计项改 `footer.astro` 里的 `statCells` 数组即可。 diff --git a/src/components/footer.astro b/src/components/footer.astro index 6f46f67..1566f0d 100644 --- a/src/components/footer.astro +++ b/src/components/footer.astro @@ -1,6 +1,6 @@ --- import type { ComponentType, SVGProps } from "react" -import { ArrowRight, Github, Mail, Music, Rss } from "lucide-react" +import { Github, Mail, Music, Rss } from "lucide-react" import { QqIcon } from "@/components/icons/qq-icon" import { profile, type ExternalProfileLink, type ExternalProfileLinkType } from "@/data/profile" import { site } from "@/data/site" @@ -32,30 +32,27 @@ const statCells = [
{/* - 我的介绍：整块可点去关于页（这里没有嵌套链接，所以整块包 是合法的）。 - aria-label 是为了不让读屏把头像 alt + 站名 + 签名全念成链接名。 + 站点信息卡片：沿用侧栏作者卡片/分类卡片的语言 + （bg-card + border/50 + rounded-xl + 红色短竖线标题）。 + 「我的介绍」不在这里重复展示 —— 侧栏作者卡片已经有了。 */} - -
-
- {profile.name} -
- - {site.name} - +
+
+
+

站点信息

-

{profile.bio}

- - 关于我 - - - +
+ {statCells.map((cell) => ( +
+
{cell.label}
+
+ {cell.value} + {cell.unit && {cell.unit}} +
+
+ ))} +
+
{/* 最新文章：手机端上面就是文章列表，再列一遍没意义，所以只在 md 以上显示。 @@ -109,21 +106,8 @@ const statCells = [
- {/* 站点信息：桌面 6 列一行，手机 3 列两行 */} -
- {statCells.map((cell) => ( -
-
{cell.label}
-
- {cell.value} - {cell.unit && {cell.unit}} -
-
- ))} -
- {/* Bottom */} -
+

© {site.startDate.slice(0, 4)} {profile.name}. All rights reserved.

diff --git a/src/components/sidebar.tsx b/src/components/sidebar.tsx index bb846a5..6a31a56 100644 --- a/src/components/sidebar.tsx +++ b/src/components/sidebar.tsx @@ -2,7 +2,7 @@ import { useState, type ReactNode } from "react" import { cn } from "@/lib/utils" -import { ArrowRight, Calendar } from "lucide-react" +import { Calendar } from "lucide-react" import { profile } from "@/data/profile" import { ProfileContactLink } from "@/components/profile-contact-link" @@ -39,29 +39,23 @@ export function Sidebar({ return (