開源工具千千萬,這次再來分享一個非常不錯的實用工具: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