思源文档树 or 大纲以思维导图方式显示技巧

前言

最近在思源社区看到有这样的需求--文档树 or 大纲以脑图形式展示出来,当时并没有什么思路,直到今天我脑海里突然冒出一个想法,那就是通过【目录插件】配合【自定义块样式】插件实现类似的效果,废话不多说,直接展示视频效果

视频效果

制作过程

首先安装【目录插件】配合【自定义块样式】这两个插件

文档树思维导图制作

  1. 这是实验文档

    1. image
  2. 在主节点文档中,按下Ctrl+Shift+I快捷键

    1. image
  3. 再用【自定义块样式】插件转换为思维导图即可

    1. image
    2. image
    3. 想要将其悬浮显示达到快速点击效果可以看这篇文章,分享思源笔记的几个骚操作 - 链滴

大纲思维导图制作

  1. 在对应文档处按下Ctrl+Shift+P快捷键

    1. image
  2. 再通过【自定义块样式】插件转换为导图模式即可

    1. image
    2. image
    3. 代码片段文章推荐:[css] [js] 思源代码片段插件分享- 链滴

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    22368 引用 • 89517 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • YRJ0422

    Clip20241104013355.jpg
    学到了 效果非常棒

  • 卧槽,论坛有大神

  • z775846851

    感谢分享!!!!!

  • syuer9528

    接上楼主的思路,其实还有一种曲线救国的方式:

    不需要借助自定义样式块插件功能。

    只需要复制列表,

    然后使用内置斜线菜单的的思维导图,然后将列表粘贴进去即可。

    只是这个导图里面的链接好像不能点击?

    唉,不管怎么样吧,全是“勉强可用”状态哈哈

  • shiyuankill

    目前又冒出个痛点了,这类概要框不知道如何解决,还需要有跳转的功能
    image.png

    1 回复
  • CongSec

    发现目录插件跳转功能有延迟,而且有个 @ 符号不是很好看,就写个 python 脚本打包去掉并转化为块引用跳转比较快一点,视频效果如下:

    脚本链接:

    百度网盘 请输入提取码

  • 这种思维导图在列表中要怎么做才能显示你红框框出来的效果

    1 回复
  • shiyuankill

    无法做出来,等 kmind 作者看能不能实现

请输入回帖内容 ...