惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

宝玉的分享
宝玉的分享
B
Blog RSS Feed
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
MyScale Blog
MyScale Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
S
SegmentFault 最新的问题
Y
Y Combinator Blog
月光博客
月光博客
IT之家
IT之家
T
Tailwind CSS Blog
Last Week in AI
Last Week in AI
L
LangChain Blog
博客园_首页
MongoDB | Blog
MongoDB | Blog
P
Proofpoint News Feed
博客园 - Franky
WordPress大学
WordPress大学
云风的 BLOG
云风的 BLOG
M
MIT News - Artificial intelligence
V
Visual Studio Blog
小众软件
小众软件
博客园 - 叶小钗
博客园 - 三生石上(FineUI控件)
N
Netflix TechBlog - Medium

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
在Obsidian中搭建视觉化的卡片笔记盒 - 少数派
2024-06-17 · via 少数派

你是用纸笔卡片配合实体笔记盒,还是用电子笔记软件?

自“卡片笔记盒”的概念提出以来,我一直被“在卡片上写作,再将卡片放入卡片笔记盒中”的工作方式吸引。我曾在纸笔卡片盒和电子笔记软件中反复尝试,试图既保留纸笔卡片盒的直观简洁、写作时的深度专注,又兼具电子笔记软件的便携、检索、高自由度的可视化呈现等功能。使用Obsidian已经三年多了,笔记工作流迭代了很多版本,目前我探索出一个在电子笔记软件中实现接近纸笔卡片笔记盒的工作流,兼容两者的优点,搭建过程也不复杂,关键是需要思路清晰。本文介绍我的思考过程和详细的实现方案。

首先需要明确,我们需要在电子笔记软件中搭建什么框架?

按照卡片笔记术的初衷,笔记系统里一共就四样东西,闪念笔记、文献笔记、永久笔记和索引卡片。个人习惯不同,闪念笔记我一般不放在Obsidian中,而是散落在手账本和flomo等地方,Obsidian中只有文献笔记、永久笔记和索引卡片。此外再考虑到输出环节,还有项目笔记和输出文章。这样搭建静态的笔记体系作为接近卡片笔记术的核心要求,如果你的笔记软件中还出现了读书笔记、课程笔记、讲座笔记、播客笔记等条目繁琐的文件夹,那么就是整个笔记的体系还没有梳理清楚,今后我会再写文章介绍在Obsidian中搭建静态笔记体系的基础教程。只有在电子笔记软件中保持和纸笔卡片笔记盒一样的搭建逻辑,才能在此基础上考虑加入一些视觉化的元素来仿真卡片盒。

图1::被压缩在文件夹中的笔记

有了合理的笔记笔记体系,仍然还会感到笔记散落在各处、结构不够清晰,时间一久就追踪不到笔记之间的线索。以Obsidian为例,这是因为具体的笔记被以标题的形式压缩在了文件夹里(见图1),我们很难像在实体的卡片盒里一样直接翻阅笔记,或者将卡片摊开平铺在桌上进行阅读和思考(见图2)。所以,我们需要进一步优化电子笔记软件中的索引卡片,并加入卡片盒的视觉化元素,使得我们在Obsidian中无限接近实体卡片盒的工作方式。

图2:美剧《越狱》剧照

让我们再来看看卢曼的实体卡片笔记盒长什么样。

图3是典型的卢曼式卡片笔记盒,由于全纸笔书写的卡片数量繁多,因此笔记盒实际上是笔记柜。随着卡片越积累越多,笔记柜也越叠越多,形成一面笔记柜墙。以前我们只关注到柜子里面放的卡片具体怎么记,而忽略了柜子本身带来的存储的扎实感和使用时的交互感,如果你也使用过实体的卡片盒,就能体会到将每一张卡片写好、再存档到柜子里的喜悦感。借用“具身体验”的概念,实体的卡片盒或者笔记柜赋予了使用者无以伦比的亲身体验感受。所以,我们想要尽可能在Obsidian中复原这种操作流程。

图3:卢曼的卡片笔记盒

首先我们需要找到尽可能接近卡片笔记柜的图形。在Flaticon网站上搜索archive box(见图4),能找到许多与档案盒相关的图标。我选择了一个看起来最接近卢曼卡片笔记盒的形状,复制多个到Obsidian的Excalidraw画布上,将图案一行行、一列列地摞起来,再用插入内部链接的形式将所有的索引卡片拖动到每一个卡片盒上,就得到了一面属于自己的卡片笔记柜墙。当你需要查看所有的索引卡片时,就打开这个Index Cards档案室,所有自主创建的、由原子化卡片串联起来的线索化的索引尽收眼底(图5)。
 

图4:检索卡片盒类似图标
图5:Obsidian中建立卡片笔记盒档案室

接下来,我们要让卡片笔记盒运转起来。

为了更好地操作体验,建议使用堆叠标签页的功能(可以设置一个快捷键,在堆叠和取消堆叠之间按需切换),这样就可以在左侧标签页中浏览笔记柜,在右侧标签页中打开一个具体的索引卡片。如图6所示,我打开了“数字治理”这个索引卡片,里面是所有与该主题相关的原子化卡片的罗列。该自动罗列的实现是使用了dataview的语法,按照文档的标签(tag)进行汇总。该图中之所以出现了三个表,是因为这些笔记分别来自文献笔记、永久笔记和案例笔记三个文件夹,我想将它们分开呈现。

图6:打开一个索引卡片

在具体的索引卡片页面,当我想打开某一个原子化的卡片笔记,可以进一步点击,在右侧页面打开。如图7所示,从左右到依次堆叠了卡片笔记盒档案室、某一张索引卡片和某一张文献笔记,这种自上而下依次打开的动作逻辑十分清晰。如果能为笔记软件中的所有原子卡片都打上标签,按照重要标签梳理出索引页,把所有的索引页汇集插入到档案室里,那么找到一张具体的卡片,或者按一个主题梳理所有相关卡片从而进行输出将变得比从前容易许多。

图7:堆叠索引卡片和文献笔记

推荐安装Force note view mode插件,可以对所有的索引卡片笔记强制打开阅读模式,这样在打开的时候不用再麻烦地切换视图。

上述想法的实现还得益于偶然看到的一个交互设计:

图8:卡片笔记盒有关的交互设计

这个作品搭建了一个卡片笔记盒,在盒子里放上了许多卡片,并突出了卡片的标题方便扫读。当需要查看某一张具体的卡片时,只需要用鼠标向上拖动即可,可以说无限逼近了实体卡片盒的交互体验。本人技术有限无法实现,期待未来能在Excalidraw中看到落地的方案!
 

在下一篇文章中,我会介绍用vault explorer插件实现另一种笔记卡片化的呈现方法,以及探讨两种建卡和读卡的思路,如果感兴趣欢迎留言。


  • 本文中用到的所有插件:dataview, excalidraw, force note view mode, templater
  • Flaticon网址:https://www.flaticon.com/
  • 在Obsidian中加载Flacticon网站操作更加简便,详见视频:https://www.bilibili.com/video/BV1nB4y1W7GA/?spm_id_from=333.999.0.0
  • 文末提到的卡片笔记盒交互设计:https://www.xiaohongshu.com/explore/66167599000000001a012b12?app_platform=android&ignoreEngage=true&app_version=8.36.0&share_from_user_hidden=true&type=video&author_share=1&xhsshare=CopyLink&shareRedId=N0c6QzU8NkpLP0ZFO0o2P0w1P0BFOEtC&apptime=1718597365
  • 本文的创作还受到了该视频的启发:【【ZK系列-10】Minimal卡片墙】 https://www.bilibili.com/video/BV1Pj411t7gY/?share_source=copy_web&vd_source=db9962edfcdebdc08718ce33e76d1513