在印象笔记里画流程图？用Markdown你可以做的更多

这是「印象研习社」 栏目的第八十期。在这里，印小象会定期与大家分享来自效率达人的印象笔记使用技巧、高效锦囊、应用案例，也期待更多象亲在这里分享你 的独门秘籍。

今 天的分享来自象亲@jijiali，《 印象笔记中的 Markdown 可以做的更多 》。

印象笔记的 Markdown 功能已经推出了很长一段时间了。在超级笔记功能推出之后，越来越多的人转移到了超级笔记上面。因为超级笔记着实提升了不少码字的效率。如今，Markdown 的功能可能都已经被很多人忘记了，然而 Markdown 依然有着很多很赞的功能，合理使用会提供不少便利。

▲新建 Markdown 笔记

这篇文章就把之前关于 Markdown 的一些「奇技淫巧」梳理了一下。

图片操控更自由，版面更好看 绘制组织架构图 其他

01

图片操控更自由，版面更好看

在使用印象笔记的时候，其实不难发现这样的一个问题：插入到笔记中的图片自我放飞，保持着初始的大小。即便是到了超级笔记之中有所改观，但是仍觉不太受控。其实借助于 Markdown，图片的操控会更从容，更精确，因为它可以精确到像素。

▲Markdown 笔记界面插入图片

具体的操作如下：

依次点击新建 Markdown 笔记→插入图片，然后在插入电脑中图片。

▲显示在右侧预览区的图片

接下来就是图片尺寸的操作。

在图片的文件名后面添加上 「 @w=200 」 。即按照宽度「w」为 200 px进行图片的等比例缩放。注意Markdown 语句与文件名之间不需要空格。

▲图片大小变化明显

如此，图片尺寸大小就设置好了。

其实在印象笔记 Markdown 笔记中，主要是使用了宽度、高度这样两个控制图片尺寸的参数。通过它们对图片的尺寸进行精确的控制。其中「 w 」表示宽度，「 h 」表示高度。二者在单独用的时候，图片是以其为基准，在原始尺寸的基础之上进行等比例进行缩放的。语句如下：

@ w=像素值 @h=像 素值 @w=像素值h=像素值 @h=像素值w=像素值

02

绘制组织架构图

对于很多人来讲，画组织架构图是一件很费劲的事情。用 Word 来画，往往折腾半天，各种文本框什么左拖又拉，始终不得要领。用 Visio 画，有时候又有点发怵。为什么新手上路那么难？

其实通过 Markdown 来画组织架构图会快不少，只需要复制粘贴相应的代码，稍微调整一下就OK了。

▲点击“添加流程图”图标

这里采取的是利用「流程图」来实现组织架构图的形式的。新建 Markdown 笔记之后点击「添加流程图」图标。点击之后，左侧会出现一串 Markdown 代码，而在右侧则预览区会出现一个类似于组织架构图的流程图。

▲「添加流程图」后出现的Markdow代码

在上一步的基础之上，对相应的 Markdown 代码进行相应的修改。把棱形的那几句删除，这样就看起来更像组织架构图了。

▲简化后的流程图

其实简单的对比一下，两张图左侧的语句并没有调整多少。

将Markdown中的代码复制，粘贴，然后再适当的进行调整，这样一个简单的组织架构图最终成型。

▲组织结构图

整体的语句如下：

在使用的过程中，直接全选复制粘贴上去，然后对「 [] 」内的文字进行简单的修改就好了。比如「 |A1| 」是控制组织架构图中「 A1 」的，可以删除它，也可以用来对相应的层级来作注释。

```mermaid graph TD A[总经理] -->|A1| B(XX副总) B --> C[XX部] B --> D[XX部] B --> E[XX部] C--> G[模块4] C--> H[模块5] C--> J[模块6] D--> K[模块K] E--> L[模块1] E--> Z[模块2] E--> X[模块3]

按照上面的方法甚至我们还可以创造出其他的异形图，比如下面这样的图。

03

其他

除此之外，还可以借助于 Markdown 中的甘特图功能绘制出一些有意思的图片。

▲ 示例图片，实际因为涉及公元前的时间处理的不是很好

用 Markdown 画图的好处就是操作起来相对简单，不需要对图片进行处理操作。只需要对相应的文字进行编辑处理即可，后续调整也比较方便。

- 本文作者-

你知道哪些印象笔记使用小技巧？

在留言区分享给大象吧～