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

更新跟踪:

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

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

image.png

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

介绍

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

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

安装步骤

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

image.png

image.png

  1. 解压文件。

image.png

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

image.png

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

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

底部工具栏介绍(从左往右)

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

    image.png

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

    image.png

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

    image.png

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

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

    image.png

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

    image.png

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

  7. 居中所选择的卡片。

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

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

卡片介绍

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

image.png

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

普通卡片介绍(从左往右):

image.png

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

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

卡片属性设定栏:

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

image.png

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

image.png

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

针对主题进行使用

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

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

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

他的万能卡片:image.png

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

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

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 手绘功能已经在计划,只等方案成熟就会开始做,将来能更好地组织思源里的数据。

2 操作
dammy 在 2022-01-20 00:00:53 更新了该帖
dammy 在 2022-01-18 16:53:54 更新了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • henote
    订阅者

    厉害 👍

  • PiChou
    订阅者

    这么好的教学贴今天才看到 👊

  • holduan
    支持者 订阅者

    多谢大佬,请问画板怎么保存/删除,保存后会跟着思源一起同步吗。

    1 回复
  • dammy
    支持者 订阅者 作者

    画板怎么保存,保存后会跟着思源一起同步吗?

    画板数据image.png点下载按钮就可以保存到本地了,我一般是保存到思源的 assets 目录下,方便同步。

    ccimage 挂件也会自动保存画板数据到 assets 目录下,后缀名为.cccards 的就是画板数据文件,不过我一般都是手动保存的。

    画板怎么删除

    最新版可以在画板管理面板查看和删除画板,但我目前还在等优化,用的是旧版。

    1 回复
  • holduan
    支持者 订阅者

    多谢,@leolee 大佬,辛苦了,等你优化 ❤️