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

学无止境,谦卑而行.

目录
相关文章
|
2月前
|
机器学习/深度学习 人工智能 自然语言处理
Sketch2Lineart:AI绘画工具,自动将手绘草图转换成清晰的线条画
Sketch2Lineart是一款基于人工智能的绘画工具,能够自动将手绘草图转换成清晰的线条画。该工具支持多种功能,如草图转线稿、自动描述生成、细节调整和风格定制等,适用于艺术创作、产品设计、教育培训等多个领域。
262 60
Sketch2Lineart:AI绘画工具,自动将手绘草图转换成清晰的线条画
|
9月前
二次元风格404页面源码
二次元风格404页面源码
169 10
二次元风格404页面源码
|
9月前
|
JSON JavaScript UED
画出你的想法,体验Excalidraw的魅力,完全免费的绘图工具!
画出你的想法,体验Excalidraw的魅力,完全免费的绘图工具!
359 1
|
9月前
|
数据可视化 测试技术 uml
【掌握绘图艺术】用PlantUML绘制完美UML图表,开发者的福音
【掌握绘图艺术】用PlantUML绘制完美UML图表,开发者的福音
1778 1
|
9月前
|
缓存 数据库 数据安全/隐私保护
我绘制文章插图的三个神级工具
我绘制文章插图的三个神级工具
125 0
|
程序员 Python
图片转素描风格处理软件详解(Python实现,含UI界面及代码)
图片转素描风格处理软件详解(Python实现,含UI界面及代码)
221 0
|
数据可视化 JavaScript API
CuteCharts一个敲可爱的 Python 手绘风格可视化图表库
CuteCharts一个敲可爱的 Python 手绘风格可视化图表库
CuteCharts一个敲可爱的 Python 手绘风格可视化图表库
|
存储 C++ Windows
眼前一亮!2款免费手绘风流程图绘制工具
“这种风格的流程图好漂亮啊,请问是用什么工具画的啊?”
眼前一亮!2款免费手绘风流程图绘制工具
|
数据挖掘 Python
Python数据分析与展示:图像的手绘效果-5
Python数据分析与展示:图像的手绘效果-5
209 0
Python数据分析与展示:图像的手绘效果-5
|
算法 前端开发
手把手教你实现手绘风格图形🔵
手把手教你实现手绘风格图形🔵
240 0
手把手教你实现手绘风格图形🔵