diff --git a/README.md b/README.md index a314cfd..8d5aa81 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ 个人博客源码 —— [tianxuetao.top](https://tianxuetao.top) -一个基于 Astro 的静态博客，主题为 [VermilionVoid](https://github.com/Lapis0x0/VermilionVoid)。除了常规的文章系统，还有碎碎念、读书/论文/漫画书架、学习追踪与加密文章。 +一个基于 Astro 的静态博客，主题为 [VermilionVoid](https://github.com/Lapis0x0/VermilionVoid)。除了常规的文章系统，还有碎碎念、读书页（微信读书同步）、学习追踪与加密文章。 站点配置集中在两个文件，改站名或换域名通常只需要动第一个： @@ -275,7 +275,14 @@ prose-p:leading-[1.78] md:prose-p:leading-[1.85] ## 书架与「最近在读」 -书架页（`/bookshelf/`）有两块内容： +书架是**两个独立页面**，由侧栏「馆藏」互相导航（`src/components/bookshelf-content.astro` 一个组件，靠 `view` 属性决定渲染哪一块）： + +| 页面 | 路径 | 内容 | 侧栏数量 | +|---|---|---|---| +| 书籍 | `/bookshelf/` | 手工书单（`books.json`）+ 微信读书已读完 | 两者相加 | +| 在读 | `/bookshelf/reading/` | 微信读书里没读完的 | 未读完本数 | + +两块内容： **1. 最近在读** —— 来自微信读书，构建时抓取，页面本身不发任何请求。 @@ -321,6 +328,8 @@ src/components/bookshelf-content.astro **2. 书籍** —— 来自 `public/data/books.json`，由 `bookshelf-content.astro` 在构建时 import（文件必须存在）。另外两个文件 `papers.json` / `comics.json` 对应的漫画、论文分类已经移除，文件保留但不再被引用。 +**两个页面共用同一个组件**，不会出现样式跑偏：`bookshelf-content.astro` 收一个 `view: "reading" | "books"`，只是决定渲染哪一块。侧栏那两行是**真链接**（带 `aria-current` 和主色高亮表示当前页），不再是页内锚点。 + ## 部署 主用 `./deploy.sh`，构建后 rsync 到树莓派和云服务器： diff --git a/docs/操作指南.md b/docs/操作指南.md index e8970cc..700e610 100644 --- a/docs/操作指南.md +++ b/docs/操作指南.md @@ -195,7 +195,9 @@ pnpm preview # 本地预览构建产物（搜索功能只有这里才生效 ## 7.5 刷新「最近在读」 -书架页（`/bookshelf/`）顶部的「最近在读」是从微信读书抓来的，数据存在 `src/data/reading.json`。 +书架分成两个页面：**书籍** `/bookshelf/`、**在读** `/bookshelf/reading/`，侧栏「馆藏」互相跳转。 + +「在读」是从微信读书抓来的，数据存在 `src/data/reading.json`。 **只想更新书单**（不动别的）： diff --git a/src/components/bookshelf-content.astro b/src/components/bookshelf-content.astro index 3355c63..659377d 100644 --- a/src/components/bookshelf-content.astro +++ b/src/components/bookshelf-content.astro @@ -6,6 +6,17 @@ import booksData from "../../public/data/books.json" import ReadingCard from "@/components/reading-card.astro" import { formatReadingDate, getReadingData } from "@/lib/reading" +/** + * view="reading" -> 在读页（/bookshelf/reading/） + * view="books" -> 书籍页（/bookshelf/） + * 两页共用这个组件和同一套外壳，只是渲染其中一块。 + */ +interface Props { + view?: "reading" | "books" +} +const { view = "books" } = Astro.props +const isReadingView = view === "reading" + // 微信读书数据。数据缺失时 reading 为 null，页面退化成空态，不报错。 const reading = getReadingData() const readingBooks = reading?.books ?? [] @@ -107,15 +118,22 @@ const recommendBadge = (status?: string) => {
馆藏
- {/* 漫画和论文两个分类已移除，只剩书籍；这里改成页内锚点，不再是 tab 切换 */} + {/* 漫画和论文两个分类已移除；在读和书籍现在是两个独立页面，这里是它们的导航 */}