思源文档树 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] 思源代码片段插件分享- 链滴

  • 思源笔记

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

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

    22002 引用 • 87711 回帖

相关帖子

欢迎来到这里!

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

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

    Clip20241104013355.jpg
    学到了 效果非常棒

  • yumenawei 1 赞同

    卧槽,论坛有大神

  • z775846851

    感谢分享!!!!!

  • syuer9528

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

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

    只需要复制列表,

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

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

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

  • shiyuankill

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