開源可視化白板工具,兼顧思維導圖、流程圖,NAS一鍵部署Drawnix

開源工具千千萬,這次再來分享一個非常不錯的實用工具:Drawnix。

Drawnix 的定位是一個開箱即用、開源、免費的白板工具(SaaS),一體化白板,包含思維導圖、流程圖、自由畫等。目前也在穩定更新中。

來自項目作者:

創意如同鳳凰,浴火方能重生,而 Drawnix 要做技術與創意之火的守護者。

另外大家如果有什麼想法建議,可以到項目提出Issues。GHUB搜索plait-board/drawnix即可。

項目功能特點

  • 💯 免費 + 開源

  • ⚒️ 思維導圖、流程圖

  • 🖌 畫筆

  • 😀 插入圖片

  • 🚀 基於插件機制

  • 🖼️ 📃 導出爲 PNG, JSON(.drawnix)

  • 💾 自動保存(瀏覽器緩存)

  • ⚡ 編輯特性:撤銷、重做、複製、粘貼等

  • 🌌 無限畫布:縮放、滾動

  • 🎨 主題模式

  • 📱 移動設備適配

  • 📈 支持 mermaid 語法轉流程圖

  • ✨ 支持 markdown 文本轉思維導圖(新支持 🔥🔥🔥)

佈置流程

這次跟過去不太一樣,因爲作者並沒有提供官方鏡像,但好在項目提供了Dockerfile文件,我們可以自構建一個。

我去Docker hub簡單看了一眼,還是有幾位打包上傳了的,大概都是自用吧~我也順手打包上傳了一份,大家可以用我的這個。如果想自行打包,流程我就放在文末,到時候再去看。

以威聯通NAS爲例,打開Container Station,我們通過Docker Compose的方式進行部署。

部署代碼如下,注意格式對齊!

version: '3' # 最新版docker compose刪除該行

services:

   drawnix:

      image: ydxian/drawnix:latest

      container_name: drawnix

      ports:

         - "8200:80" # 冒號左側可自行修改

     restart: always

參照圖片如下。

按照上文部署,瀏覽器輸入NAS_IP:8200即可訪問服務。

功能展示

初始界面如下,功能基本所見即所得。

左上角功能菜單:打開工程文件、保存工程文件(.drawnix)、導出畫布爲圖片、清除畫布內容,以及跳轉至原項目界面。旁邊兩個按鍵爲大家熟悉的操作回撤功能。

中部功能欄,從左至右:

手掌:可將畫布內容拖動,進行移位。

鼠標:單機選中部分,長按框選整體。框選/選中後長按旋轉圖標,可通過拖動鼠標實現360度角度轉換;選中黑色圓圈,可調整畫筆/字體或其他內容的顏色。

細心的朋友可能注意到左上角功能菜單還多出了複製/刪除選項。

思維導圖:選中後點擊幕布,就會生成一個框,點擊框便可設置字體、外框以及填充顏色類型。

剩下的幾個:文字輸入、畫筆、箭頭指向、幾何圖形。

支持插入圖片。

支持Mermaid 以及Markdown語法,編輯起來會更加的方便。尤其是Markdown語法,寫文列大綱簡直無敵。

右上和右下還具備調整尺寸以及畫布風格的功能。

打包並上傳鏡像

先說通用版本。

打開任意的SSH工具,鏈接你的NAS或者服務器。

# 進入任意目錄,還是威聯通NAS爲例,目錄各位自己定

cd /share/download

# 把 drawnix 項目克隆到當前目錄下。

git clone https://github.com/plait-board/drawnix.git

# 進入 drawnix

cd drawnix

# 根據項目頁的Dockerfile構建鏡像,其實端口之類的都可以改,但是我懶就用默認80了 docker build -t ydxian/drawnix:latest .

# 也可以重新打標籤

docker tag ydxian/drawnix yourusername/drawnix:latest

# 登陸到Docker Hub

docker login

# 然後輸入你的賬戶和密碼,賬戶貌似是不區分大小寫,年代久遠都忘了

# 推送鏡像到 Docker Hub

docker push yourusername/drawnix:latest

一套操作下來,後續就可以分享給別人用了,在Docker商店也能搜到你的鏡像。

接下來是威聯通,圖形化操作可能還是更方便些~

我們執行到打包成鏡像後,Container Station會自動檢測到鏡像。先點擊左側「存儲庫存」,勾選「身份驗證」,也是輸入賬戶密碼並驗證即可。

接着點擊「鏡像」,找到需要推送的項目。點擊「推送到存儲庫」

編輯你的鏡像標籤,點擊推送即可。

最後

項目不錯,未來可期!大家可以去點點star頂頂作者~

感謝觀看,本文完。

更多遊戲資訊請關註:電玩幫遊戲資訊專區

電玩幫圖文攻略 www.vgover.com