思源图形画板挂件 cc-image-tag-new 的个人使用经验

更新跟踪：

作者最近进行了非常给力的两次更新，比较大的改动有两点：

1. 反链面板展示的层级与思源本体进行了统一
2. 在反链面板上点击块标能将内容直接建立为卡片

仓库地址 leolee9086/cc-image-tag-new (github.com)

介绍

前情提要：MOC - 管理链接而非本体 · 语雀 (yuque.com)

cc-image-tag-new 挂件的目的是有用的手动图谱，由老哥 @leolee 开发，目前做到了和思源本体的数据联动、手动建立关系等功能。

安装步骤

1. 在思源 QQ 群文件里或者上面那个仓库地址下好压缩包。

2. 解压文件。

3. 复制解压得到的两个文件到思源工作空间目录/data/widgets 文件夹下，例：
4. 在浏览器中输入 127.0.0.1:6806/widgets/cc-image-tag-new/ 使用挂件（推荐，之后还可以在浏览器中安装为 pwa 应用）

或者思源里使用 / 挂件唤出 cc-image-tag-new。

鼠标滚轮是上下滚动画布，shift+ 滚轮是左右滚动。

底部工具栏介绍（从左往右）

1. 在底部工具栏小齿轮处可以查看历史版本进行恢复，调整画板命名、历史保存间隔和历史版本数量限制。

   

2. 打开画板：会打开保存的画板。

   

3. 下载后缀名为 cccards 的画板数据到本地。

   

4. 打开本地的画板数据文件。

5. 定位画板中的卡片位置，点击卡片的内容名称会在画板中跳转到该卡片。

   

6. 选中一张在画板里新建的卡片（没有块 ID）后可以在这里使用 新建到已有文档的子文档 功能发送会思源。

   

   链接到已有文档 会让你选择思源里的某篇文档新建为卡片。

7. 居中所选择的卡片。

8. 在浏览器新窗口编辑卡片内容。

9. 为你的画板选择一张背景图片（图片得是思源的 assets 文件，复制张图片插入思源会自动放到 assets 目录下。可以是单纯的背景，或是要用卡片进行标记的图片），有重复和填充这两个选项。
   

卡片介绍

双击会新建张空白卡片，当你的剪贴板中是思源的块 ID 时，ctrl+v 后会新建为带着思源块属性的卡片，同时也会自动渲染出内容来。

两者能通过左上角区别开来。双击卡片会触发连接功能，ctrl+click 能做到多选卡片，连接到另一张卡片后在连接线上会有新的卡片出现，用于定义两张卡片的关系。

普通卡片介绍（从左往右）：

1. 数字为卡片编号。
2. 删除卡片。
3. 展开/折叠卡片。
4. 卡片编辑模式。
5. 卡片居中。
6. 打开浏览器新窗口编辑卡片。
7. 发送卡片回思源。

带有思源块 ID 的卡片比普通卡片少了 就地编辑卡片内容 和 发送回思源为文档 这两个功能。

卡片属性设定栏：

选中卡片后在右上角点击这个按钮，会打开卡片的设定栏

在设定栏可以给卡片设定思源连接属性（即输入思源的块 id）、样式和预设。

一些个人浅薄的使用经验分享

针对主题进行使用

在 MOC - 管理链接而非本体 · 语雀 (yuque.com)中哈桑有提到 MOC 最根本的使用期望是“面对主题”。我的主题的则是我“感兴趣的问题”、“学习的概念”、“探索的领域”以及“经验技巧”。

在双链笔记中会自然而然地使用“面对主题”的思想来进行记录，而 cc-image-tag-new 这类工具最大的作用，就是来帮助使用者进行对主题的思考，而进行思考的主题类型一般是某个问题或者概念。

只有对主题有用的信息会被我贴到一起，在使用的过程中，有些卡片我也不一定去打链接，这个看使用者自己的需求，例如答主卡片管理员的用法读书时常被衍生出的新兴趣、新问题打断阅读怎么办？ - 知乎 (zhihu.com)

他的万能卡片：

如果将对主题的探索看作一个拼图游戏，那么对主题日常的记录和思考就是拼图碎片，在某一天你的碎片能支撑你看清主题的大致轮廓时，会出现创造性的阐述，你对主题就有了整体把握，学习的进度会呈现指数级增长，这时根据知识模型的价值，大脑会产生一种奖励，促使着你继续学习下去。（这有个前提，这里的主题得是知识模型，如果是纯粹的积累经验技巧，那么这种反馈更多是来自外界，如他人的赞叹和鼓励，而不是来自本身，所以这种动力更确切地被翻译了为“学习内驱力”。）

到达这一步后，学习越多会越快乐，从这个角度来讲，知识渴望着知识。

Pleasure of learning - supermemo.guru

和 url-scheme 挂件联用

一个可将 URL Scheme 转换为 HTTP 302 重定向地址的挂件，在卡片中有些软件的超链接不支持直接跳转，用 URL Scheme 转换一下就可以了。

在卡片中访问思源的数据

打上块 ID 的卡片会读取并渲染思源的内容，可以实现在卡片中使用思源的 iframe 块（如挂件块、视频块）。

将来 cc-image-tag-new 挂件要支持的内容

Issues · leolee9086/cc-image-tag-new (github.com)手绘以及一大堆改进和增强。

白板类工具能轻易地做出复杂的结构，帮助使用者进行梳理和思考，这要比在文档中容易实现得多，我思考时来了劲头，会直接掏出笔涂画，单纯地在文档中敲字总觉得不痛快，有些念头想组织时找不到合适的方式，只有白板能满足我的需求。如果一个白板工具能和思源的数据联动，那么对思源将是一个极大的增强。cc-image-tag-new 手绘功能已经在计划，只等方案成熟就会开始做，将来能更好地组织思源里的数据。