Excalidraw——部署一个手绘风格的画图工具

简介: Excalidraw——部署一个手绘风格的画图工具

前言

一个手绘风格的画图软件;

内容

!> 部署到了我的腾讯云服务器上,部署完成就能使用但是并不能同步协作,因为协作需要部署excalidraw-room

部署excalidraw

Docker部署

docker run --rm -dit --name excalidraw -p 3000:80 excalidraw/excalidraw:latest

代码方式部署

  1. 克隆仓库
git clone https://github.com/excalidraw/excalidraw.git
  1. 安装依赖
yarn
  1. 通过pm2启动服务 | 没有pm2的可以直接全局安装下yarn global add pm2
pm2 start -n excalidraw yarn -- start
pm2 save

配置NGINX

到自己域名的运营商下设置域名解析

location / {
      proxy_set_header Host $host:$server_port;
      proxy_set_header  X-Real-IP $remote_addr;
      proxy_set_header x-forwarded-for $remote_addr;
      proxy_pass http://127.0.0.1:3000;
   }
 
  location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|flv|mp4|ico)$ {
     expires 30d;
     access_log off;
     proxy_pass http://127.0.0.1:3000;
  }
  location ~ .*\.(js|css)?$ {
     expires 7d;
     access_log off;
     proxy_pass http://127.0.0.1:3000;
  }

部署excalidraw-room

!> 这里存储使用的是firestore,放弃,而且我也不需要协作功能,所以不做深入的研究;

需要的同学可以访问

issue: https://github.com/excalidraw/excalidraw/issues/1772

  1. 克隆仓库
https://github.com/excalidraw/excalidraw-room.git
  1. 安装依赖
yarn
  1. 通过pm2启动服务 | 没有pm2的可以直接全局安装下yarn global add pm2

这里不要忘记改下pm2.json中的时区"TZ": "Asia/Shanghai"

pm2 start pm2.json 
pm2 save

学无止境,谦卑而行.

目录
相关文章
|
算法 前端开发
手把手教你实现手绘风格图形🔵
手把手教你实现手绘风格图形🔵
242 0
手把手教你实现手绘风格图形🔵
|
9月前
|
数据可视化 测试技术 uml
【掌握绘图艺术】用PlantUML绘制完美UML图表,开发者的福音
【掌握绘图艺术】用PlantUML绘制完美UML图表,开发者的福音
1789 1
|
9月前
|
缓存 数据库 数据安全/隐私保护
我绘制文章插图的三个神级工具
我绘制文章插图的三个神级工具
125 0
|
程序员 Python
图片转素描风格处理软件详解(Python实现,含UI界面及代码)
图片转素描风格处理软件详解(Python实现,含UI界面及代码)
223 0
|
存储 C++ Windows
眼前一亮!2款免费手绘风流程图绘制工具
“这种风格的流程图好漂亮啊,请问是用什么工具画的啊?”
眼前一亮!2款免费手绘风流程图绘制工具
|
数据可视化 JavaScript API
CuteCharts一个敲可爱的 Python 手绘风格可视化图表库
CuteCharts一个敲可爱的 Python 手绘风格可视化图表库
CuteCharts一个敲可爱的 Python 手绘风格可视化图表库
|
C#
借助Photoshop,Illustrator等设计软件进行WPF图形图像的绘制
原文:借助Photoshop,Illustrator等设计软件进行WPF图形图像的绘制 本文所示例子是借助第三方设计软件,制作复杂的矢量图形,转成与XAML酷似的SVG,再转换成xaml而实现的。
1271 0
|
9月前
|
JSON JavaScript UED
画出你的想法,体验Excalidraw的魅力,完全免费的绘图工具!
画出你的想法,体验Excalidraw的魅力,完全免费的绘图工具!
363 1
|
Web App开发 JavaScript 前端开发
简单易用的手绘风格原型设计工具:Balsamiq Mockups
  Balsamiq Mockups 是一款基于Adodb AIR的优秀跨平台原型设计工具,提供了丰富的各种常用元件,可快速制作出手绘风格的原型图。 应用演示 其它信息   产品地址:http://balsamiq.
1689 0
20 超棒的 Photoshop 网站布局设计教程
Photoshop 网页设计的教程是很大的资源,是网页设计快速简便的方法之一。作为一个良好的开端,我们应该善于学习他人在网页设计领域的理解。在这个原则的基础上,你可以参考以下教程,学习Photoshop的新技术和战术的使用。
833 0

热门文章

最新文章