ibmm，让思维导图回归本质

赖勇浩（http://laiyonghao.com）

缘起

你想用思维导图来分析问题，然后，你就有两个问题了。——无名氏

许多朋友都听说过思维导图（又称脑图），它是用来理清思路的好办法。同时我也相信许多朋友在使用思维导图的过程中遇到了许多问题，比如：

• 搜索了一下，发现思维导图的编辑器都好几十 MB；
• 下载安装发现这些 java 写的程序启动巨慢，还占内存；
• 编辑了三五十个节点发现自己不停地要调整位置，还调不好看；
• 调好看了发现自己都忘了要分析的问题；
• 保存的文件非得用专门编辑器才能看和改，说是 xml 文本格式打开发现根本看不懂改不得；
• 把文件放到版本控制系统里，版本比对的时候一团乱像，理不清来龙去脉；
• 号称跨平台，手机一般看不了，更别提编辑了。

是的，我也遇到了这些问题，然后我就开始去找一些更轻量级的编辑器，希望能够方便地使用思维导图，因为我觉得这东西不应该这么复杂，之前找到的编辑器都没有抓住思维导图的本质。
我找到的最有启发的东西是一个网站：Text 2 Mind Map（ http://www.text2mindmap.com/），它提出了使用基于缩进的文本来描述思维导图，然后再由软件渲染出来！是的，就是像 Python 那样的缩进语法，多一层缩进就是上一层的子节点。是的，我们再也不需要去调整各个节点的位置了，软件会自动帮我们计算最好看的渲染方案！下面来一个例子，文本是这样的：

[html] view plain copy

1. Months of the year  
2.     Spring  
3.         March  
4.         April  
5.         May  
6.     Summer  
7.         June  
8.         July  
9.         August  
10.     Autumn  
11.         September  
12.         October  
13.         November  
14.     Winter  
15.         December  
16.         January  
17.         February  

渲染出来的图片是这样的：

漂亮吧？是的！太漂亮了。但是我在使用的过程中发现如果有一两百个节点，这个 Flash 开发的应用程序极易崩溃！除此之前我也没有办法让它跟其它软件或网络应用结合起来。所以我开始以此为出发点，去想一些自己的方案。最后结合我自己曾用过一下 graphviz 和 python 的特点，我决定自己写一个脚本来做基于缩进的思维导图的文本与 graphviz 的 dot 语言之间的转换。这就是 ibmm2gv，考虑到日后可能会有 ibmm2any 的可能，我就把它放进了一个叫 ibmm（indentation-based mind map）的项目里，并托管到 google code（ http://code.google.com/p/ibmm/）。

安装

安装 ibmm2gv 非常简单，因为它已经托管到了 pypi，只要你安装了 python 和 pip，然后在命令行执行：

[plain] view plain copy

1. pip install -U ibmm2gv  

就安装成功了。ibmm2gv 是遵循 unix 哲学的小应用，默认情况下它从标准输入里读取输入，然后把输出放到标准输出，你可以使用管道把它跟 graphviz 的生成程序 neato（也可以是别的渲染引擎，比如 dot）连接起来。下面举个例子，把上文中的文本保存到一个文件中，取名为 season.ibmm，然后在其目录执行：

[html] view plain copy

1. cat season.ibmm | ibmm2gv | neato -Tpng -oseason.png  

你可以看到生成的 season.png 图片了。见下图：

怎么样？跟 Text 2 Mind Map 生成的图片也差不太多吧？好嘛好嘛，我知道这是黑白的风格好像有点逊色，但你要理解啊，这是我用两天业余时间做的 0.0.1 版本，接下来我研究一下 graphviz，生成漂亮的真彩图片不是问题。
重点是有了 ibmm2gv，以后只要打开记事本就可以写脑图了，手机平板都不成问题啊！保存到 svn/hg/git 都可以，版本一比对，一目了然！哪怕有时候 SSH 连接到服务器上，虽然看不到图，但看到树状的纯文本基本上也可以脑补完全了！

关于中文

graphviz 是支持中文的，需要指定 -Nfontname 参数，不然默认情况下找不到中文字体来渲染就乱码了，在 windows 上可以试一下 -Nfontname="Microsoft YaHei"，这表示使用微软雅黑，在 linux 下可以使用 -Nfontname="WenQuanYi Micro Hei Mono"，这表示使用文泉驿微米黑。在 linux 下可以用 fc-list 来看一下安装了哪些字体，如果没有文泉驿微米黑可以使用命令 aptitude install ttf-wqy-microhei 安装。下面是一个例子：

[html] view plain copy

1. 一年 12 个月  
2.     春  
3.         三月  
4.         四月  
5.         五月  
6.     夏  
7.         六月  
8.         七月  
9.         八月  
10.     秋  
11.         九月  
12.         十月  
13.         十一月  
14.     冬  
15.         十二月  
16.         一月  
17.         二月  

把上述文本保存为 season-zh.ibmm，执行命令：

[html] view plain copy

1. ibmm2gv --infile=season-zh.ibmm | neato -Tpng -oseason-zh.png -Nfontname="WenQuanYi Micro Hei Mono"  

就可以看到使用文泉驿微米黑字体在 linux 下渲染出来的图片了：

准实时看到最后效果

很多急性子，希望随时能够看到最后的效果，这里有一个还算过得去的方案，需要你使用 windows 7 系统。

1. 打开一个命令行界面，在你保存 ibmm 文件的路径下执行：python -m SimpleHTTPServer ，这样你就开了一个本地的 HTTP 服务器。
2. 然后把你的文本编辑器打开，按下 windows 键和左方向键把它放在左半屏，编辑、保存，
3. 然后在一个新的命令行窗口中执行生成脑图的命令；
4. 然后再打开一个浏览器，按下 windows 键和右方向键把它放在右半屏，在地址栏输入 http://127.0.0.1:8000，就可以看到生成的脑图的文件名，点开即可查看。在后续的编辑过程中，只需要保存、生成、在浏览器按 F5 刷新即可。

后续开发

1. 首要的肯定是更漂亮的效果。
2. 其次是类似 restview 的方便的预览方案。
3. 然后是各种 wiki 的相应的插件的开发，敬请期待吧！