如何在Ubuntu上部署excalidraw
一、excalidraw介绍
- Excalidraw 是一款简单易用的开源绘图工具，可以帮助用户轻松绘制流程图、草图、图表等各种类型的图形。它特别适合于团队协作，支持多用户实时编辑，无需注册或登录即可开始使用。
二、本地环境介绍
2.1 本地环境规划
本次实践为个人测试环境，操作系统版本为ubuntu 23.04。下面教程也适用于别的linux系统。
2.2 本次实践介绍
1.本次实践部署环境为个人测试环境；
2.在ubuntu环境下安装excalidraw-cn白板工具。
2.3 Yarn介绍
- Yarn是一个JavaScript包管理工具，由Facebook开发，旨在提高包的下载速度和稳定性。它可以替代NPM进行包的安装、更新、卸载等操作。
三、检查本地环境
3.1 检查本地操作系统版本
检查本地操作系统版本
cat /etc/os-release
3.2 检查系统是否安装yarn
检查系统是否安装yarn
yarn -v
四、部署Node.js 环境
4.1 下载Node.js安装包
下载Node.js安装包
wget https://nodejs.org/dist/v16.17.0/node-v16.17.0-linux-x64.tar.xz
4.2 切换到root用户下，解压Node.js安装包
输入su，然后输入管理员密码，切换到root用户下，解压Node.js安装包
su
tar -xvJf node-v16.17.0-linux-x64.tar.xz
4.3 复制二进制文件
将 /root/node-v16.17.0-linux-x64/bin/下的二进制文件复制到/usr/local/bin下
cp -a /root/node-v16.17.0-linux-x64/bin/node /usr/local/bin/node
cp -a /root/node-v16.17.0-linux-x64/bin/npm /usr/local/bin/npm
4.4 配置环境变量
- 在/etc/profile文件中，新增以下两行：
export NODE_HOME=/root/node-v16.17.0-linux-x64/bin/
export PATH=$PATH:$NODE_HOME:/usr/local/bin/
- 使变量生效
source /etc/profile
4.5 查看node版本
查看node版本
npm -v
node -v
五、安装yarn工具
5.1 安装yarn
- 使用npm全局安装yarn。
npm install -g yarn
5.2 检查yarn版本
检查yarn版本
yarn --version
六、部署excalidraw-cn白板工具
6.1 下载软件包
下载xcalidraw-cn软件包
git clone https://github.com/korbinzhao/excalidraw-cn.git
6.2 启动服务
- 进入源码目录
cd excalidraw-cn/
- 安装相关依赖
yarn
- 启动服务器
yarn start
七、访问excalidraw-cn
访问地址：http://localhost:3000/
如果是在服务器上，将IP地址替换为自己服务器IP地址，就能完成本地化部署。
出现上面界面表示大功告成！