云图札记的数字园丁计划

写博客这几年，越来越觉得”博客”这个框不对。

博客是时间流——最新的在最前，旧的沉底，像写日记。追热点没问题，记流水账也没问题，但当我真的想认真对待一篇文章，想让它跟着我的认知一起演化的时候，时间流就成了一种别扭。

后来接触了数字花园这个概念，一下子觉得对了。

数字花园是什么

简单说：文章不是一次性写完的，是在生长中的。

园子里的植物分不同阶段：

• 种子（Seed） — 刚种下的想法，刚动笔，框架可能还有问题，需要继续探索
• 发芽（Bud） — 主干写完了，但细节没打磨完，观点随时可能改
• 绽放（Bloom） — 核心观点过了一遍验证，表达也完整了，可以放心推给新读者

这不是评分体系，是给读者一个预期：这篇文章读到一半大概是什么状态，心里有数。

颜色体系

--color-seed:   #6B8E23   橄榄绿
--color-bud:    #52B788   翠绿
--color-bloom:  #E76F51   珊瑚橙

bloom 用珊瑚橙 而不是绿色，原因也简单：绽放是花园里最显眼的一刻，得有个高光色来标记它，纯绿压不住。

首页：「最近种植」+ 年轮时间线

首页顶部有一个「最近种植」区块，展示最近 planted 的文章，3 列网格，每个卡片带一个生长徽章（bloom = 珊瑚色光晕，bud = 翠绿，seed = 灰色）。

planted 在 frontmatter 里单独写，fallback 是 pubDate：

---
title: 用 Docker 搭一个属于你自己的密码管理器
pubDate: 2026-07-11
planted: 2026-07-11
growth: bud
---

某篇如果 planted 比 pubDate 晚——比如写完了放了两周再发布——它就会出现在「最近种植」里。

首页文章列表也做了改造：从「按发布日期排列」变成「按年份组织的时间线」，每一年像树木年轮一样，标题旁有 6px 生长状态圆点，hover 时左侧出现 2px 绿条。这是档案视角——和首页策展视角互补。

GrowthBadge 组件

整个系统的核心小部件，支持三种状态：

<GrowthBadge state="seed" />   <!-- 🌱 -->
<GrowthBadge state="bud"  />   <!-- 🌿 -->
<GrowthBadge state="bloom" />  <!-- 🌸 -->

颜色通过 CSS 变量注入，bloom 状态有光晕效果，seed 状态透明度降低以示区别。

双向链接：根系

在正文中用 [[文章标题]] 引用其他文章，被引用的文章左侧目录栏底部会出现一个「根系」板块，展示哪些文章引用了它——像植物的根系一样，展示文章之间的地下联系。

和 Obsidian 的语法兼容，支持别名：

这篇和[[Obsidian 使用指南|Ob指南]]有很多关联……

根系装饰了一个 SVG 根系图标，每条引用前有一个小圆点。

伴生植物

每篇文章底部的「相关阅读」改名叫了「伴生植物」——同一片土壤生长出来的文章，有相近的主题和读者群。卡片上方会显示被推荐文章的当前生长状态。

76 篇文章怎么打标签

不可能一篇篇手动来。写了个脚本按规则自动分配：

bloom:  pinned=true 或者 属于某个系列
bud:    发布超过 180 天
seed:   其余所有

分配完可以手动调，脚本只是给一个不差的初始状态。

脚本在这里：scripts/assign-growth.cjs

v1.6.0 全站花园主题化

2026-07-17 做了全站范围的花园主题改造，不只是首页，而是所有主要页面都注入了花园隐喻。

标签花园（/tags）：标签云按文章数量分三级生长状态—— bloom（≥4 篇）、bud（2-3 篇）、seed（1 篇），对应珊瑚发光圆点、绿色圆点、灰色圆点。字号也按频率动态缩放。

分类园圃（/categories）：每个分类有专属 SVG 图标（技术=齿轮、随笔=羽毛、产品=盒子、工具=扳手、设计=调色板……），卡片上有颜色占比进度条。

404 页面：迷路小植物 SVG，有摇摆动画和飘落的花瓣，两个行动按钮（返回入口 / 逛逛文章）。

专栏详情页（/series/[id]）：植物 SVG hero，每篇文章带生长状态圆点，hover 时整行右移并出现绿色边框和箭头。

评论页：访客评论不再匿名显示，而是变成一株植物——10 种植物（郁金香、多肉、藤蔓、樱花树、向日葵、蕨类、蘑菇、盆景、仙人掌、玫瑰），根据邮箱哈希固定形状。

隐喻的边界

说清楚一件事：数字花园只在视觉和数据层面生效。文章的文案、措辞还是原来的样子，不会因为它是 seed 就写成半成品的样子，也不会因为 bloom 就多摆架子。

隐喻是皮肤，不是骨架。

---

有问题直接评论区说，或者 GitHub 提 issue。