# 心智圖軟體 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，只要開啟終端機輸入並執行以下指令即可 ```shell 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 檔所在的資料夾，再輸入並執行以下指令 ```shell 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 ，以下是檔案裡最前面幾行的內容 ```html= <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行當中的 ```html 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`