Hortus：一次博客风格迁移

这一次博客迁移，表面上是在换主题、改导航、收拾圆角、重写 footer、调整代码块和评论区；更深一层，其实是在把 FantasticJoe Blog 从一个“套着主题的博客”重新整理成 FantasticJoe 系列网站的一部分。

我不希望它像一个临时拼出来的技术站，也不希望它继续保留太多上游主题的模板痕迹。它应该和 FantasticJoe 以及 SciPalette 站在同一个语气里：温暖的纸张底色，克制的绿色，Serif 和 Sans 的混排，少一点现代 SaaS 式的卡片和光泽，多一点可以长期阅读、维护和生长的气质。

这套新的博客风格，我把它叫做 Hortus。

Hortus 是什么

Hortus 是拉丁语里的“花园”。它不是荒地，也不是完全野生的景观，而是一块被照看、被修剪、被长期栽培的地方。这个词很适合博客：文章不是一次性发布后就消失的内容流，而是一些会被重新阅读、修订、连接和沉淀的东西。

我更喜欢把博客理解成一座小花园，而不是一个信息仪表盘。这里会有代码笔记、论文阅读、工具记录、生活里的想法，也会有一些还在成长中的半成品。Hortus 这个名字提醒我：设计不只是“看起来新”，而是让这些内容有一个稳定、安静、可以继续生长的环境。

从 SciPalette 延伸过来

SciPalette 的 about 页面里有一个很重要的设计来源：从梵高的 Wheat Field with Cypresses（《麦田与柏树》）转译为界面颜色。关键不在于从画里机械地抽出几个色块，而是把画面里的气氛翻译成界面中的角色。

在 SciPalette 中，这些角色大致对应为：

• #F8F5EC：纸张一样的背景，不是纯白，而是给阅读留一点温度。
• #4F6D5F：柏树一样的绿色，用作强调色，而不是铺满整个界面。
• #BFA05A：被压低饱和度的麦田颜色，负责提供一点旧纸、土壤和时间感。
• #6F8792：偏蓝灰的空气，用在弱层级和辅助信息里。
• #212C33：接近墨色的正文颜色，让文字保持清晰。

Hortus 沿用了这套思路，但没有把 SciPalette 原封不动搬到博客上。工具站需要让颜色服务于数据和图表；博客更需要让颜色服务于阅读、停顿和回到上下文。于是同样的视觉来源，在这里变得更低调：纸张底色更重要，绿色只在链接、按钮、焦点和少量分隔处出现，文字本身承担主要的层级。

这次迁移改掉了什么

这次迁移首先是在清理“主题感”。原来的博客有很多圆角卡片、图标容器、默认白色评论框和比较强的组件边界。这些东西单独看都没有错，但放在 FantasticJoe 的整体语境里，会显得太像一个被嵌入进来的第三方模板。

所以 Hortus 做了几件事：

• 顶部导航变得更像站点结构，而不是一排被方框包住的按钮。
• 头像从主要页面里退场，让博客先呈现内容和站点身份。
• 首页文章列表统一了有图与无图文章的比例和节奏。
• 归档、分类、标签页面去掉了过重的圆角矩形边框。
• 搜索从突兀的弹窗感里收回来，变成更轻、更靠前的页面入口。
• footer 不再照搬主站，而是重新组织成适合 blog 的目录。
• 装饰性 icon 换成 Lucide，让图标线条和整站更一致。
• 代码块从默认高对比主题调整为更贴近页面底色的阅读状态。
• Waline 评论区被重新包进纸张、边框和低饱和绿色的系统里。

这些改动不只是“换皮”。它们在回答同一个问题：如果这个博客是 FantasticJoe 系列网站的一部分，它应该怎样安静地存在？

Banner、正文和评论区

博客的 banner 也做了重新整理。站点层面保留随机图片 API，让不同页面有一点呼吸感；文章层面则尊重 frontmatter，如果某篇文章有自己的封面图，就用文章自己的图。Hortus 的处理方式是让图像成为氛围，而不是抢走标题，所以 banner 上必须有渐变遮罩，确保标题和元信息始终可读。

正文区域则尽量减少“底色块”的存在感。真正的阅读不需要每一段文字都被框起来。纸张背景、行距、字体和分隔线已经足够建立秩序；只有代码、引用、评论这类需要明确边界的内容，才应该获得自己的表面。

Waline 评论区也是同样的逻辑。评论系统功能上依然是第三方组件，但视觉上不能像一个插入页面的现代白色卡片。它需要继承字体、纸张色、浅灰绿色边框和更克制的按钮状态。评论区应该像文章之后自然长出来的一块地方，而不是页面底部突然出现的另一套产品。

为什么不是继续叫 Fluid

这次迁移之后，主题已经不再只是原主题配置上的局部覆盖。它的视觉语言、导航结构、footer、图标系统、评论样式、代码块样式和站点语气都已经围绕 FantasticJoe Blog 重新组织。继续沿用旧名字，会让主题的来源和现在的身份混在一起。

Hortus 是一个更准确的名字。它不是一个通用主题仓库的展示页，而是 FantasticJoe Blog 的本地主题：一个服务于个人写作、技术记录、研究阅读和生活片段的界面系统。

一座可以继续生长的小花园

我对这次迁移最满意的地方，不是某一个具体的按钮或颜色，而是它让博客重新有了自己的位置。主站像一个个人主页和作品目录，SciPalette 像一个围绕科学配色展开的工具，而 Blog 应该是更慢一点、更私人一点、也更能留下过程痕迹的地方。

Hortus 这个名字刚好把它们连起来：它有 FantasticJoe 系列的温暖纸张和柏树绿色，也有博客本身的长期性。它不是为了显得崭新，而是为了适合反复回来、继续写、继续改、继续种下一些新的东西。