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

緣起

你想用思維導圖來分析問題，然后，你就有兩個問題了。——無名氏
許多朋友都聽說過思維導圖（又稱腦圖），它是用來理清思路的好辦法。同時我也相信許多朋友在使用思維導圖的過程中遇到了許多問題，比如：

• 搜索了一下，發現思維導圖的編輯器都好幾十 MB；
• 下載安裝發現這些 java 寫的程序啟動巨慢，還占內存；
• 編輯了三五十個節點發現自己不停地要調整位置，還調不好看；
• 調好看了發現自己都忘了要分析的問題；
• 保存的文件非得用專門編輯器才能看和改，說是 xml 文本格式打開發現根本看不懂改不得；
• 把文件放到版本控制系統里，版本比對的時候一團亂像，理不清來龍去脈；
• 號稱跨平臺，手機一般看不了，更別提編輯了。

是的，我也遇到了這些問題，然后我就開始去找一些更輕量級的編輯器，希望能夠方便地使用思維導圖，因為我覺得這東西不應該這么復雜，之前找到的編輯器都沒有抓住思維導圖的本質。
我找到的最有啟發的東西是一個網站：Text 2 Mind Map（ http://www.text2mindmap.com/），它提出了使用基于縮進的文本來描述思維導圖，然后再由軟件渲染出來！是的，就是像 Python 那樣的縮進語法，多一層縮進就是上一層的子節點。是的，我們再也不需要去調整各個節點的位置了，軟件會自動幫我們計算最好看的渲染方案！下面來一個例子，文本是這樣的：
[html] view plain copy

Months?of?the?year??

????Spring??

????????March??

????????April??

????????May??

????Summer??

????????June??

????????July??

????????August??

????Autumn??

????????September??

????????October??

????????November??

????Winter??

????????December??

????????January??

????????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

pip?install?-U?ibmm2gv??

就安裝成功了。ibmm2gv 是遵循 unix 哲學的小應用，默認情況下它從標準輸入里讀取輸入，然后把輸出放到標準輸出，你可以使用管道把它跟 graphviz 的生成程序 neato（也可以是別的渲染引擎，比如 dot）連接起來。下面舉個例子，把上文中的文本保存到一個文件中，取名為 season.ibmm，然后在其目錄執行：
[html] view plain copy

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

一年?12?個月??

????春??

????????三月??

????????四月??

????????五月??

????夏??

????????六月??

????????七月??

????????八月??

????秋??

????????九月??

????????十月??

????????十一月??

????冬??

????????十二月??

????????一月??

????????二月??

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

[html] view plain copy

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

就可以看到使用文泉驛微米黑字體在 linux 下渲染出來的圖片了：

準實時看到最后效果

很多急性子，希望隨時能夠看到最后的效果，這里有一個還算過得去的方案，需要你使用 windows 7 系統。

打開一個命令行界面，在你保存 ibmm 文件的路徑下執行：python -m SimpleHTTPServer ，這樣你就開了一個本地的 HTTP 服務器。

然后把你的文本編輯器打開，按下 windows 鍵和左方向鍵把它放在左半屏，編輯、保存，

然后在一個新的命令行窗口中執行生成腦圖的命令；

然后再打開一個瀏覽器，按下 windows 鍵和右方向鍵把它放在右半屏，在地址欄輸入 http://127.0.0.1:8000，就可以看到生成的腦圖的文件名，點開即可查看。在后續的編輯過程中，只需要保存、生成、在瀏覽器按 F5 刷新即可。

后續開發

首要的肯定是更漂亮的效果。

其次是類似 restview 的方便的預覽方案。

然后是各種 wiki 的相應的插件的開發，敬請期待吧！

總結

以上是生活随笔為你收集整理的ibmm，让思维导图回归本质的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。