# 心智圖軟體 Freeplane

> 作者：王一哲
> 日期：2020/6/12

## 安裝軟體

[Freeplane](https://www.freeplane.org/wiki/index.php/Home) 是一套開放原始碼的心智圖軟體，採用 GNU General Public License (GPL) 授權，主要的開發者曾經參與 [Freemind](http://freemind.sourceforge.net/wiki/index.php/Main_Page) 開發工作，因此這兩套軟體有許多相似之處。由於 Freeplane 運作時需要使用 JAVA，請先安裝與作業系統對應的 JRE (Java Runtime Enviroment)。

<img height="100%" width="100%" src="https://imgur.com/voHBsE0.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">Freeplane 官方網站</div>
<br />

### 安裝 Windows 版

請到[此頁面](https://sourceforge.net/projects/freeplane/files/freeplane%20stable/)選擇配合作業系統的安裝檔，目前最新的版本為 [1.8.5](https://sourceforge.net/projects/freeplane/files/freeplane%20stable/Freeplane-Setup-1.8.5.exe/download)。

<img height="80%" width="80%" src="https://imgur.com/ZqBHV5k.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">Freeplane 下載頁面</div>
<br />

在安裝檔上點擊滑鼠左鍵開啟快速選單，點選以**系統管理員身分執行**，雖然軟體本身有正體中文界面，但是安裝過程沒有中文界面，暫時用英文界面安裝。
<img height="40%" width="40%" src="https://imgur.com/i1uvir0.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">Freeplane Windows 版安裝過程1</div>
<br />

點選 **I accept the agreement** 再點選 **Next** 。
<img height="60%" width="60%" src="https://imgur.com/MJFuUwB.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">Freeplane Windows 版安裝過程2</div>
<br />

採用預設選項即可，點選 **Next** 。
<img height="60%" width="60%" src="https://imgur.com/qgFBeS4.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">Freeplane Windows 版安裝過程3</div>
<br />

點選 **Install** 。
<img height="60%" width="60%" src="https://imgur.com/8alTJvn.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">Freeplane Windows 版安裝過程4</div>
<br />

安裝完成，點選 **Finish** 。
<img height="60%" width="60%" src="https://imgur.com/erwUiuR.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">Freeplane Windows 版安裝過程5</div>
<br />

### 安裝 Linux 版

我測試的環境為 Lubuntu 19.04，只要開啟終端機輸入並執行以下指令即可

sudo apt install freeplane

<br />

如果要自行下載 deb 檔安裝，目前最新的版本為 [1.8.5](https://sourceforge.net/projects/freeplane/files/freeplane%20stable/freeplane_1.8.5~upstream-1_all.deb/download)，下載後開啟終端機並切換至 deb 檔所在的資料夾，再輸入並執行以下指令

sudo dpkg -i freeplane_1.8.5_upstream-1_all.deb

## 開啟 Freeplane

開啟 Freeplane 時要先選擇樣板，我比較喜歡使用 **BuzanMap.mm** 。

<img height="40%" width="40%" src="https://imgur.com/OiuG8GB.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">選擇樣板</div>
<br />

<img height="80%" width="80%" src="https://imgur.com/SJfVODi.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">BuzanMap.mm</div>
<br />

如果想要修改預設的字形，可以由選單依序點選 **格式** → **管理樣式** → **編輯樣式** 或是按快速鍵 **Ctrl + F11** 。
<img height="60%" width="60%" src="https://imgur.com/mGedhGf.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">格式 → 管理樣式 → 編輯樣式</div>
<br />

這是 BuzanMap.mm 預設的樣式，將右側的選單向下拉，找到 **節點字形名稱** 並修改為 **Noto Sans CJK TC Medium** 。

<img height="100%" width="100%" src="https://imgur.com/chLF09m.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">BuzanMap.mm 預設樣式</div>
<br />

<img height="100%" width="100%" src="https://imgur.com/0XxuA5O.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">修改節點字形名稱</div>
<br />

接著修改主節點的邊框顏色，由白色改為藍色再點選 **確定** 。
<img height="100%" width="100%" src="https://imgur.com/epP5stS.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">修改主節點邊框顏色</div>
<br />

<img height="80%" width="80%" src="https://imgur.com/z7Nr6SQ.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">選取顏色</div>
<br />

點選左上角的 **綠色勾勾** 或按 **Ctrl + Enter** 儲存設定。
<img height="100%" width="100%" src="https://imgur.com/Qvuzokn.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">修改主節點邊框顏色</div>
<br />

<img height="100%" width="100%" src="https://imgur.com/Ppv18Qc.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">修改後的樣板</div>
<br />

將修改後的樣式另存新檔，我使用的檔名是 **MyTemplate.mm** ，由選單依序點選 **檔案** → **另存新檔** 或是按快速鍵 **Ctrl + Shift + S** 。
<img height="40%" width="40%" src="https://imgur.com/jsO5rZv.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">檔案 → 另存新檔</div>
<br />

主節點的左側有一個新增圖片的圖示，但是我希望主節點只有文字、沒有圖示，想要刪除左側的圖示。我花了一段時間在軟體中尋找編輯節點格式的選項，但是一直找不到刪除圖示的方法，最後乾脆用文字編輯器開啟 MyTemplate.mm ，以下是檔案裡最前面幾行的內容

<map version="freeplane 1.8.0">
<!--To view this file, download free mind mapping software Freeplane from http://freeplane.sourceforge.net -->
<node TEXT="Central&#xa;Idea" FOLDED="false" ID="ID_191153586" CREATED="1592117929582" MODIFIED="1592117929582" ICON_SIZE="36.0 pt" LINK="menuitem:_ExternalImageAddAction" STYLE="oval">

<br />

刪除第3行當中的

 CREATED="1592117929582" MODIFIED="1592117929582" ICON_SIZE="36.0 pt" LINK="menuitem:_ExternalImageAddAction"

<br />

儲存後再用 Freeplane 開啟檔案，主節點左側的圖示已經消失了。

<img height="100%" width="100%" src="https://imgur.com/tRVC60W.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">刪除主節點左側圖示後的樣板</div>
<br />

將剛才儲存的檔案複製到 Freeplane 的範本資料夾中，Windows 10 預設的路徑為

C:\Program Files\Freeplane\resources\templates

Lubuntu 19.04 預設的路徑為

/usr/share/freeplane/resources/templates

重新啟動 Freeplane 之後，選擇樣板就多了 **MyTemplate.mm** 可以選擇。

<img height="40%" width="40%" src="https://imgur.com/gkGao59.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">選擇修改後的樣板</div>
<br />

## 常用快速鍵

以下是一些常用快速鍵，有些按法需要配合滑鼠才能使用，熟記這些快速鍵在編輯心智圖時會更加迅速。

1. 新增心智圖： **Ctrl + N**
2. 儲存心智圖： **Ctrl + S**
3. 另存新檔： **Ctrl + Shift + S**
4. 開啟所存心智圖： **Ctrl + O**
5. 新增下一層節點： **Insert**
6. 新增上一層節點： **Shift + Insert**
7. 新增下方同層節點： **Enter**
8. 新增上方同層節點： **Shift + Enter**
9. 向上移動節點： **Ctrl + 方向鍵向上**
10. 向下移動節點： **Ctrl + 方向鍵向下**
11. 修改節點內容： **F2** 或 **雙擊滑鼠左鍵**
12. 多重選擇節點： **Shift + 滑鼠左鍵**
13. 增加連結線： **Ctrl + L**
14. 剪下： **Ctrl + X**
15. 複製分支： **Ctrl + C**
16. 貼上： **Ctrl + V**
17. 向上平移畫面： **滑鼠滾輪向上**
18. 向下平移畫面： **滑鼠滾輪向下**
19. 向左平移畫面： **Shift + 滑鼠滾輪向上**
20. 向右平移畫面： **Shift + 滑鼠滾輪向下**
21. 放大畫面： **Ctrl + 滑鼠滾輪向上**
22. 縮小畫面： **Ctrl + 滑鼠滾輪向下**

<br />

## 實作

以下是我以108課綱高中物理的內容在 Freeplane 中整理的心智圖，內容是從課程綱要裡複製而來的。編輯完畢之後再由選單依序點選 **檔案** → **匯出心智圖** ，可以匯出成 png、svg ……等格式。

<img height="45%" width="45%" src="https://imgur.com/XuQ7r2g.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">檔案 → 匯出心智圖</div>
<br />

<img height="100%" width="100%" src="https://imgur.com/6zU4TCB.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">108課綱高中物理</div>
<br />

## 參考資料

1. [Freeplane 官方網站](https://www.freeplane.org/wiki/index.php/Home)
2. [Freeplane 說明書](https://sourceforge.net/projects/freeplane/files/freeplane%20stable/freeplane-handbook-fullcircle-parts-1-15.pdf/download)

---

###### tags:`Freeplane`