互动实验室

把笔记变成可以动手玩的东西。选一个工具，从一个小想法开始。

01 / Markmap

专题导图

把 Markdown 大纲变成一张能展开、缩放的知识地图。

整理一张导图 →

02 / css-doodle

CSS 实验室

调节颜色、网格和形状，生成属于自己的几何图案。

玩一张图案 →

03 / Color Thief

图片取色

从喜欢的图片中提取主色和色板，把灵感变成配色。

提取一组颜色 →

04 / Rough Notation · VueUse Motion

文章里的小交互

手绘重点标注与轻量卡片动效，让知识更容易被看见。

查看效果与用法 →

导图文字与图片均在浏览器中处理，无需账号。

从笔记到实践

• 学习 Git 时，把命令整理成专题导图。
• 写页面时，用 CSS 实验室寻找图案灵感。
• 看到喜欢的图片时，用图片取色收集配色。
• 写教程时，用手绘标注与卡片动效强调关键内容。

这些小工具分别基于 Markmap、css-doodle、Color Thief、Rough Notation 和 VueUse Motion。