简悦配合ob实现标注到思维导图的丝滑体验

实现效果

  1. 在简悦的阅读模式粗读,做好重点笔记
  2. 自动同步笔记到obsidian里
  3. obsidian通过quickadd脚本,将笔记放到自由度更大的excalidraw里
  4. 通过回链精读原文,拖动放置图形元素,组织各元素形成体系化的知识
  5. 总结图谱形成永久笔记

图谱非常强大:

  1. 支持手写,双链,超链接,图片,latex,md格式。
  2. 自定义每个元素的样式,图标自定义。
  3. 脚本(结构化文本自动生成思维导图,图片OCR,一键添加连线、图形、图片 、md文档等操作)。
  4. 内置手写图形分享社区,方便插入表情,复用已有的元素。
  5. 内置脚本社区方便白嫖。
  6. 本地存储为md文档,离线可用,随时修改。
  7. 一键将图谱生成png或svg格式,方便插入任意md文档。
  8. 完全免费,有能力的建议在插件设置里支持下这位大鼻子大叔,这样就能一直用更加强大的插件,哈哈:laughing::laughing::laughing:

配置过程

需求:

  1. 简悦及简悦高级会员
  2. quickadd插件
  3. excalidraw插件

配置简悦

简悦的配置稍显复杂,但一旦配置好了收益巨大!
如果你不熟悉简悦,建议先阅读简悦使用手册,了解简悦的大致组成部分及功能。我自己了解的功能大致分为三部分:

  1. 适配数以百计的网站,提供优秀的阅读体验。
  2. 阅读模式,提供高度自定义的样式、丰富的批注及导出服务
  3. 提供稍后读服务,并可联动几乎市面上所有的稍后读、笔记软件,并提供丰富的本地服务

参考资料:简悦提供大量的文档,使用方法,工作流,优先看下面三个链接,我没有一步一步从头开始配置写下简悦的配置教程。

必要操作

  1. 简悦官网下载并安装简悦的浏览器扩展。
  2. 购买简悦的高级会员,十几块钱,四舍五入不要钱。在浏览器扩展的偏好设置里
    image
    打开偏好设置后:

    在账户一栏应该会有升级高级会员的选项,就可以查看购买方式了。(不得不吐槽,简悦付款方式有点难找)

配置同步助手

先下载同步助手:这里简悦拓展版本和同步助手版本须看清重要提示。

验证同步助手:

  1. 运行 简悦 · 同步助手
  2. 简悦 → 选项页 → 共通 → 简悦 · 同步助手 → 授权验证并开启简悦 · 同步助手

增强导出配置教程:截个我自己的配置作为参照,具体配置过程还得看文档


配置定制导出服务

在浏览器拓展->偏好设置->服务里:


修改模板为:你也可以根据模板配置文档自己定制

# 标注信息
- title:{{title}}
- create:{{create}}
- link:[回链地址]({{url}})

# 标注内容
{{#each}}
- [{{an_text}}]({{an_org_uri}}):{{an_note}}
{{/each}}

配置自动化

在和定制导出服务下面,配置自动化:


按照图示配置即可。

验证是否配置成功

  1. 找到一个网页
  2. 打开阅读模式
  3. 标注:这个时候右上角就会显示保存成功,并在你配置的目录生成markdown文档

配置obsidian的quickadd插件

  • 确保安装了quickadd插件

  • 创建一个目录用于放置js脚本文件
    image

  • 创建一个js文件,命名为excalidraw,当然可以随意命名,这样方便我后续叙述:须在系统文件管理器中创建js文件。js文件内容如下:

module.exports = async (params) => {
  const file = app.workspace.activeLeaf.view.file
  const content = await app.vault.cachedRead(file)
  let lines = await content.split("\n").filter(line => line.includes("- ["))

  const ea = ExcalidrawAutomate;
  ea.reset();
  lines.forEach((element,index) => {
    ea.addText(-100,70*index,element.replace(/^-\s/, ""))  
  });
  await ea.create();
}

反正不知道为啥,配置完东西我都要重启一下ob,建议你出了问题先试试重启。

  • 在简悦生成的md文档中,按ctrl + p,选择quickadd中excalidraw-mindmap命令。
  • 你将会看到生成的excalidraw。

总结

excalidraw提供高级的选项,包括ocr识别,自动化脚本等,理论上结构化的md文档能自动化生成图形,连线,文本,链接等,可折腾性max。
服气!简悦,obsidian,quickadd,excalidraw每一个都支持脚本功能,每一个都能让人头秃,衷心感谢这些无私奉献的人,提供如此强大的软件功能!

7 个赞

为什么我的按照步骤去做打开后excalidraw是空白的,还需要什么操作吗?

你没跟我说你怎么做的,我也不知道咋办。 :sweat_smile:

不好意思,我是没有做上面的简悦同步,只做了下面的用quick add快速转换为思维导图。发现打开excalidraw都是空白的,是需要先选中文本吗?

文档格式必须是列表,只有列表才能转换,因为我代码这样写的。

谢谢大佬,怎么修改才能成为大纲直接转为思维导图啊

看excalidraw里面的实例,有template和dataview现成的例子。我更喜欢quickadd,因为脚本更容易控制,但我没有大纲转思维导图的需求,就没写。