PassNAT LogoPassNAT

无公网自建在线PS编辑器 miniPaint图像处理神器,NAS极简部署开源Photoshop替代方案。无公网设置帕斯内网穿透远程访问!

作者

小编

发布时间

Curving abstract shapes with an orange and blue gradient

项目介绍

miniPaint 是一个功能强大的在线图像编辑器,基于 HTML5 技术构建,无需购买、下载、安装或依赖过时的 Flash 插件。这是一个开源的 Photoshop 替代方案,具有图层、滤镜等核心功能,完全在浏览器中运行。

miniPaint 的最大特点是完全本地化处理,你可以通过粘贴剪贴板内容(Ctrl+V)或从计算机上传文件(菜单或拖放)来创建图像。所有操作都在浏览器中完成,不会向任何服务器发送数据,确保你的隐私和数据安全。

该项目支持多种文件格式(PNG、JPG、BMP、WEBP、动画GIF、TIFF、JSON图层数据),提供丰富的编辑工具(画笔、魔术棒、橡皮擦、填充、颜色选择器等),以及多种特效滤镜(模糊、锐化、复古、Instagram风格滤镜等)。界面简洁美观,支持多图层系统,是个人和小团队进行图像编辑的理想选择。

项目地址: 点我跳转

部署安装

如需在外也打开项目需要配置内网穿透使用,点击前往 帕斯内网穿透,先注册好账号备用。

由于 miniPaint 是一个纯前端项目,我们可以使用 Nginx 来部署静态文件。下面提供最简单的 Docker 部署方式:

打开飞牛 NAS 或其他的 NAS 设备 点击本地镜像-添加镜像-从 URL 添加。这一步先添加 docker 镜像

镜像填 nginx:alpine 等待下载完成后点击启动按钮启动容器

勾选开机自动启动后下一步,端口设置这里。请设置容器端口 80 映射到主机端口 3000(如果端口冲突可以修改主机端口,但容器内端口必须保持 80)

存储位置这里,需要创建一个文件夹来存放 miniPaint 的静态文件。请在 NAS 上创建一个文件夹(如 /volume1/docker/minipaint),然后将容器路径 /usr/share/nginx/html 映射到这个文件夹。

环境变量设置:无需设置任何环境变量

其他的都不用填写,直接下一步启动就好了。

启动容器后,你需要将 miniPaint 的源代码下载并放入映射的文件夹中: 1. 访问 https://github.com/viliusle/miniPaint/archive/refs/heads/master.zip 下载源码 2. 解压后将所有文件复制到你创建的文件夹中

创建成功后可以访问 ip:3000 到这里就可以正常显示项目了

穿透公网

打开帕斯内网穿透控制台,点击隧道管理-隧道列表

点击创建新隧道

隧道节点可以随便选,一般选个负载低的就可以

接下来填写信息,隧道名称可以随便填写

本地 IP 默认就可以

传输协议可以选择 TCP 也可以选择 HTTP/HTTPS

HTTP 就是域名的形式,教程以使用 TCP 为演示

本项目中如果没有修改端口的话默认是 3000 端口,这里本地端口就填 3000

远程端口可以留空也可以自定义。下图仅做参考,请按照实际项目端口添加。

填写完毕点击确定

点击刚才创建好的隧道,点击获取配置文件

回到飞牛 NAS,点击应用中心下载 frpc 客户端

打开后粘贴刚才复制的配置文件,点击确定即可

复制帕斯内网穿透控制台的访问 IP 和端口

可以看到已经正常穿透成功了

本篇教程结束