怕錯(cuò)過熊貓的精彩分享？那就趕快關(guān)注下熊貓吧！

前言

家里小千金已經(jīng)快兩歲了，最近對畫畫產(chǎn)生了濃厚的興趣，給買了畫筆以及涂畫本。但小朋友哪懂畫畫啊，只是隨意的涂涂寫寫，短短幾天就干掉了好幾本涂畫本了。于是乎我想著，能不能在NAS部署一個(gè)畫板項(xiàng)目呢？這樣就可以反復(fù)使用，最好還能將畫的圖導(dǎo)出為jpg或者png格式。于是我在大大的docker hub里找呀找呀找，還真讓我找到了。

Excalidraw

• 界面簡潔，交互細(xì)致，上手簡單，操作習(xí)慣和大部分制圖軟件相似
• 免注冊，支持中文界面，打開瀏覽器就能開始畫圖
• 支持眾多鍵盤快捷鍵操作，配合鼠標(biāo)能快速畫圖（適配觸摸屏）
• 內(nèi)容安全受保護(hù)，Excalidraw采用端到端加密，繪圖內(nèi)容不會上傳到服務(wù)器
• 支持通過網(wǎng)頁鏈接共享協(xié)作

部署

Excalidraw部署不難，涉及的權(quán)限并不深入，所以該容器理論上可以在任何支持docker的設(shè)備上部署。今天我這里還是使用群暉來嘗試，畢竟群暉的人群基數(shù)最大。
這里我們用到docker編排的方式來進(jìn)行部署，所以需要新建一個(gè)docker-compose.yml文件，內(nèi)容中的端口等信息需要根據(jù)自身nas情況進(jìn)行設(shè)置，例子如下：

version: "3"services:
 ?excalidraw:
 ? ?container_name: Excalidraw
 ? ?healthcheck:
 ? ? test: curl -f http://localhost:80/ || exit 1
 ? ?image: excalidraw/excalidraw:latest
 ? ?ports:
 ? ? ?- 805:80 # 左邊為本地端口不沖突即可，右邊容器端不可更改
 ? ?restart: on-failure:5
 ? ?stdin_open: true
 ? ?environment:
 ? ? ?- NODE_ENV=production

將文件放置到docker根目錄下，隨后我們打開群暉的SSH端口，并用SSH工具連接到群暉，輸入sudo -i獲取到管理員權(quán)限后執(zhí)行命令docker-compose up -d就能看到容器正在下載并啟動(dòng)。

在顯示done之后便代表容器已經(jīng)正常啟動(dòng)了，這時(shí)候你可以在群暉的docker中看到容器。

體驗(yàn)

瀏覽器輸入http://群暉IP+端口號就能訪問主界面了，項(xiàng)目會根據(jù)訪問環(huán)境自動(dòng)跳轉(zhuǎn)語言，所以如果你用的中文系統(tǒng)，那么默認(rèn)就是中文界面了。進(jìn)入項(xiàng)目還能看到項(xiàng)目的一些小提示，很不錯(cuò)。

就像界面提示的一樣，你的所有文件不管是打開還是保存，都是以瀏覽器本地為基礎(chǔ)，而不是以群暉為基礎(chǔ)，也就是你可以直接打開電腦上的png圖片，也可以在畫好之后直接保存到電腦。當(dāng)然你也可以通過分享鏈接的形式將自己的偉大畫作分享給別人。

在畫布的左邊為功能欄，你可以根據(jù)功能操作，目前測試發(fā)現(xiàn)實(shí)時(shí)協(xié)作并不能使用，不知道為什么，其他小伙伴可以研究下。而頂部則是畫圖的工具欄，你可選擇畫筆，圖形以及文本來豐富你的畫作。

而該容器最強(qiáng)大的就是素材庫了，在右邊可以看到素材庫，點(diǎn)擊瀏覽素材庫。隨后會彈出一個(gè)新的窗口，在這個(gè)界面你可以隨意的添加網(wǎng)友們創(chuàng)建的素材庫，其中有實(shí)用性的例如圖標(biāo)，圖表以及思維導(dǎo)圖等，也有火柴人這樣的搞笑素材。

只能說網(wǎng)友們真的有才?。。?！

總結(jié)

后續(xù)測試配合平板，真的能做到繪畫板的效果。又節(jié)約了娃娃買畫板的錢，我真是個(gè)會當(dāng)家的爸爸?。?！
以上便是本期的全部內(nèi)容了，如果你覺得還算有趣或者對你有所幫助，不妨點(diǎn)贊收藏，最后也希望能得到你的關(guān)注，咱們下期見！