Notion做思维导图,用自带的功能就够了!

简介: Notion做思维导图,用自带的功能就够了!

Hello 各位好,我是小豪。众所周知,Notion 非常强大,集成了多种功能,但唯独少了思维导图。关于这个问题,我之前也找了一些方法,思路都是在 Notion 中嵌入带有思维导图功能的第三方网页应用,例如:

  • BoardMix博思白板
  • Miro
  • Whimsical

👉想了解使用第三方导图应用的方法,可以查看我之前发布过的视频:怎么用Notion做思维导图?这里有3种方法除了这些,我最近还看到了另外一个不错的方法,不需要借助第三方应用,使用 Notion 的代码块,就能直接在 Notion 中创建思维导图。创建的思维导图如下:fd264417488c1e2c6a7da276e181b733_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg这个方法的优点:

  • 不需要借助外部应用,完全免费
  • 不需要创建或登录账号
  • 可以随时修改
  • 可以添加无限多的导图节点

当然,这种方法也存在一些缺点,譬如:

  • 无法在导图节点中插入图片
  • 功能不如专业的思维导图软件那么丰富
  • 还有可能少数人会觉得绘制起来比较麻烦(这个我还能接受)

看完使用 Notion 代码块绘制思维导图的优缺点,接下来就来看看如何绘制吧~在 Notion 中输入斜杠 /code,点击下方返回的 Code,添加一个代码块。35f1f4d0fc9a22a5136721a8214a3eee_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg点击代码块左上角「向下」的小箭头,在弹出面板的搜索框输入 Mermaid 并单击,将代码块所使用的语言设置为 Mermaid。25fd8c02594bdbe59759992ee55a84b4_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

补充一点小知识:这里选择的 Mermaid 语言,是一个基于 JavaScript 的图表和图表工具,它使用受到 Markdown 启发的文本定义和渲染器,来动态创建和修改图表,例如 流程图、时序图、类图、状态图、用户旅程图、甘特图、饼状图、需求图、Git 分支图、思维导图等。Mermaid 的主要目的是帮助文档跟上开发的步伐。了解更多与 Mermaid 有关的内容,可以在浏览器中打开 Mermaid 的帮助文档: https://mermaid-js.github.io/mermaid/#/README

选择 Mermaid 语言后,在代码块中输入类似下图的内容,就能渲染得到一个思维导图。

graph LR;
公司架构-->商务
公司架构-->研发
公司架构-->设计
公司架构-->运营
公司架构-->产品

ab4ab5be5204eababb64a2c499a805eb_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg简单解释一下输入的这些内容/符号的含义:第一行的 graph LR;graph 是告诉程序我要开始绘图了;

LR 是绘制从左到右的图形,这里的 L 和 R 分别是 Left 和 Right 的缩写。LR 还可以更改为其他 3 个值:

  • RL:从右到左
  • TB:可不是指某宝哦,而是从上到下,T 和 B 分别是 Top 和 Bottom 的缩写
  • BT:可不是指种子哦,而是从下到上

后面的就比较好理解了,从一个节点到下一个节点,节点内容中间加 2 个短横线 - 和 1 个大于号就好了,即 -->。如果我们想在节点间的连接线上添加内容,如下面导图圈出的文本,则是在两个节点中间的 -->插入 --你想在导图连接线上添加的内容。掌握使用 Mermaid 的这几个要点,在 Notion 中绘制一个简单的思维导图就绰绰有余了。8a0b8ac8fce80307c8fe82e943cc0233_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

用 Mermaid 在 Notion 中绘制其他的图形

前面说到 Mermaid 可以绘制多种图形,除了思维导图,如果你想在 Notion 中绘制其他的图形/图表,也可以考虑使用 Mermaid 来绘制:

绘制流程图

流程图中不同的形状有着相对应的含义,例如:矩形/圆角矩形表示流程图的开始,菱形表示判断,柱形表示数据……ffb2e1cc0170388e96e5139f9bb0e8ee_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg绘制流程图时,在第一行输入流程图对应的英文 flowchart,且在后面写上流程图的方向,上图的方向是 TB,即从上往下。如果是像前面创建思维导图一样,直接输入文本,在流程图中渲染得到的就是矩形。其他形状对应的写法如下:

  • 菱形:id{这是菱形}
  • 圆角矩形:id(这是圆角矩形)
  • 圆形:id((这是圆形))
  • 柱形:id[(这是柱形)]
  • 类似跑道外形的圆角矩形:id([这是类似跑道外形的圆角矩形])
  • 六边形:id{{这是六边形}}

绘制饼状图

用 Mermaid 绘制饼状图,则在第一行输入表示饼状图的 pie,后面跟上 title 和饼状图的名称。

下面的则是组成饼状图的每一项,遵循程序中「键值对」的写法,左侧是项目名称,中间隔一个英文冒号,右侧是对应的比例或者数值(绝对值)。

如果为数值,Mermaid 会自动计算数值在数值在总和中所占的比例,而不需要我们手动计算对应的比例。

c2a888f1a56822d9f2703b322f56d7c6_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg关于 Mermaid 的用法,就简单介绍到这里咯,介绍它并不是说大家都要用它来绘制图形,而是提供一种选择:如果你想在 Notion 中绘制一些简单的图形/图表,例如思维导图或者饼状图,那么可以考虑用它,但对于一些复杂的图形,建议还是用更专业的工具,而不是被自己所掌握的语言、工具甚至是思维所束缚~让工具回归工具,让你成为你。

好了,以上就是今天想分享的内容,希望对你有帮助。


相关文章
|
JavaScript 程序员 开发者
Notion客户端不好看?手把手教你把它变好看。
Notion客户端不好看?手把手教你把它变好看。
|
Linux 数据安全/隐私保护 Windows
更换(Pypi)pip源到国内镜像
pip国内的一些镜像 阿里云 http://mirrors.aliyun.com/pypi/simple/ 中国科技大学 https://pypi.mirrors.
247094 2
|
6月前
|
人工智能 自然语言处理 PyTorch
Chat2SVG – 文本描述实现高质量矢量图形的生成框架
Chat2SVG 是一个创新的文本到矢量图形生成框架,结合大型语言模型和图像扩散模型,通过多阶段流程生成高质量的 SVG 图形,支持自然语言指令编辑,适用于设计、教育和艺术创作等领域。
203 8
Chat2SVG – 文本描述实现高质量矢量图形的生成框架
|
10月前
|
敏捷开发 存储 监控
6款主流办公协同软件大比拼:哪款工具最适合企业协作?
在现代企业中,团队协作是高效运作的核心。本文分析了协同工作的常见难点,如沟通不畅、任务跟踪困难和工具孤立,并推荐了6款主流办公协同软件:板栗看板、Trello、Notion、Monday.com、Asana和Slack。每款软件都有其独特优势,适合不同类型和规模的团队。通过功能、易用性和应用场景的评测,帮助企业找到最适合的工具。
456 4
6款主流办公协同软件大比拼:哪款工具最适合企业协作?
|
人工智能 自然语言处理 API
阿里云百炼平台上线首个最新文生图模型FLUX中文优化版
由Stable Diffusion团队推出的开源文生图模型FLUX风靡全球,其生成质量媲美Midjourney,被誉为“开源王者”。阿里云百炼平台首发FLUX中文优化版,提升了中文指令的理解与执行能力。开发者可直接在平台上体验并调用FLUX模型,且享有1000张图像的免费生成额度,有效期180天。无需额外部署,即可轻松利用这一先进模型创造高质量图像。
1687 0
|
安全 关系型数据库 API
Nuxt3 实战 (九):使用 Supabase 实现 Github 认证鉴权
这篇文章介绍了如何在Supabase中使用Github授权登录并实现用户身份验证。文章首先说明了Supabase采用postgresql的Row Level Security(RLS)机制来控制不同用户对数据表访问权限的重要性,然后详细介绍了配置Github OAuth Apps的过程,包括创建新的OAuth应用、填写项目信息、设置回调URL等步骤。接着,文章展示了在Nuxt3中实现登录界面的代码示例,最后总结了通过本教程可以学习到的技能,并预告了下一篇文章将介绍如何在Nuxt3中创建RESTful风格API并结合Supabase数据库完成CURD操作。
296 0
Nuxt3 实战 (九):使用 Supabase 实现 Github 认证鉴权
|
Ubuntu Python
全网最简约的Vscode配置Anaconda环境(百分百成功)
全网最简约的Vscode配置Anaconda环境(百分百成功)
28958 0
全网最简约的Vscode配置Anaconda环境(百分百成功)
|
缓存 Linux
CentOS7系统配置国内yum源和epel源
1.首先进入/etc/yum.repos.d/目录下,新建一个repo_bak目录,用于保存系统中原来的repo文件 [root@bogon ~]# cd /etc/yum.repos.d/ [root@bogon yum.
11249 57
|
存储 人工智能
|
Linux
Linux mkdir命令:创建目录(文件夹)
mkdir 命令,是 make directories 的缩写,用于创建新目录,此命令所有用户都可以使用。mkdir 命令的基本格式为: [root@localhost ~]# mkdir [-mp] 目录名 -m 选项用于手动配置所创建目录的权限,而不再使用默认权限。 -p 选项递归创建所有目录,以创建 /home/test/demo 为例,在默认情况下,你需要一层一层的创建各个目录,而使用 -p 选项,则系统会自动帮你创建 /home、/home/test 以及 /home/test/demo。 【例 1】建立目录。 [root@localhost ~]#mkdir cangls
874 0