【Docker项目实战】使用Docker部署Imagor Studio图片编辑工具一、 Imagor Studio介绍1.1 Imagor Studio 简介1.2 Imagor Studio主要特点二、本次实践规划2.1 本地环境规划2.2 本次实践介绍三、本地环境检查3.1 检查Docker服务状态3.2 检查Docker版本3.3 检查docker compose 版本四、拉取Imagor Studio镜像五、部署Imagor Studio服务5.1 创建部署目录5.2 编辑部署文件5.3 创建Imagor Studio容器5.4 查看Imagor Studio容器状态5.5 检查Imagor Studio容器日志六、访问Imagor Studio服务6.1访问Imagor Studio初始页6.2 注册账号6.3 文件存储设置6.4 系统设置6.5 上传图片6.6 编辑图片七、总结一、 Imagor Studio介绍1.1 Imagor Studio 简介Imagor Studio是一款自托管的高性能图像画廊与实时编辑网络应用专为创作者设计结合虚拟滚动流畅展示与非破坏性编辑工作流支持桌面与移动端无缝操作。1.2 Imagor Studio主要特点高性能图像画廊基于 Imagor 引擎支持虚拟滚动实现海量图片的快速加载与流畅浏览。零配置部署开箱即用无需复杂设置兼容通用存储方案简化部署与维护流程。非破坏性编辑工作流所有编辑操作保留原始图像确保数据安全支持随时回溯修改。实时图像编辑提供实时预览的编辑功能包括颜色调整、特效应用、裁剪等专业工具。即时生成编辑URL每次编辑自动生成可分享的图像URL便于协作与嵌入使用。触摸优化界面专为移动设备优化触控操作同时保留桌面端完整功能体验一致流畅。二、本次实践规划2.1 本地环境规划本次实践为个人测试环境操作系统版本为 Ubuntu 24.04.2 LTS。hostnameIP地址操作系统版本Docker版本部署项目备注jeven192.168.3.88Ubuntu 24.04.2 LTS28.5.0Imagor Studio——2.2 本次实践介绍1.本次实践部署环境为个人测试环境生产环境请谨慎2.在Docker环境下部署Imagor Studio图片编辑工具。三、本地环境检查3.1 检查Docker服务状态检查Docker服务是否正常运行确保Docker正常运行。rootjeven:~# systemctl status docker● docker.service - Docker Application Container Engine Loaded: loaded(/usr/lib/systemd/system/docker.service;enabled;preset: enabled)Active: active(running)since Sat2025-10-0413:29:05 UTC;2days ago TriggeredBy: ● docker.socket Docs: https://docs.docker.com Main PID:888(dockerd)Tasks:65Memory:1.2G(peak:1.4G)CPU: 3min23.296s CGroup: /system.slice/docker.service3.2 检查Docker版本检查Docker版本rootjeven:~# docker -vDocker version28.5.0, build 887030f3.3 检查docker compose 版本检查Docker compose版本确保2.0以上版本。rootjeven:~# docker compose versionDocker Compose version v2.39.4四、拉取Imagor Studio镜像下载Imagor Studio容器镜像镜像名称registry.cn-hangzhou.aliyuncs.com/jeson/imagor-studio:0.6.7dockerpull registry.cn-hangzhou.aliyuncs.com/jeson/imagor-studio:0.6.7五、部署Imagor Studio服务5.1 创建部署目录创建部署目录mkdir-p/data/imagor-studio/{data,pictures}cd/data/imagor-studio目录授权工作chmod-R777/data/imagor-studio5.2 编辑部署文件使用docker-cli方式部署可参考以下命令dockerrun-d\--restartunless-stopped\--nameimagor-studio\-p9200:8000\-v$(pwd)/data:/app/data\-v$(pwd)/pictures:/app/gallery:ro\-eDATABASE_URLsqlite:///app/data/imagor-studio.db\registry.cn-hangzhou.aliyuncs.com/jeson/imagor-studio:0.6.7在部署目录下创建docker-compose.yaml文件如下所示vimdocker-compose.yamlversion:3services:imagor-studio:image:registry.cn-hangzhou.aliyuncs.com/jeson/imagor-studio:0.6.7container_name:imagor-studiorestart:alwaysports:-9200:8000volumes:-./data:/app/data-./pictures:/app/gallery:roenvironment:-DATABASE_URLsqlite:///app/data/imagor-studio.db5.3 创建Imagor Studio容器执行以下命令创建Imagor Studio容器。dockercompose up-d5.4 查看Imagor Studio容器状态检查Imagor Studio容器运行状态确保Imagor Studio容器正常启动。rootjeven:/data/imagor-studio# docker compose psWARN[0000]/data/imagor-studio/docker-compose.yaml: the attributeversionis obsolete, it will be ignored, please remove it to avoid potentialconfusion NAME IMAGE COMMAND SERVICE CREATED STATUS PORTS imagor-studio registry.cn-hangzhou.aliyuncs.com/jeson/imagor-studio:0.6.7/usr/local/bin/imag…imagor-studio28seconds ago Up28seconds0.0.0.0:9200-8000/tcp,[::]:9200-8000/tcp5.5 检查Imagor Studio容器日志检查容器运行日志确保Imagor Studio服务正常运行。dockercompose logs六、访问Imagor Studio服务6.1访问Imagor Studio初始页浏览器地址http://个人的服务器IP:9200访问Imagor Studio初始页。如果无法访问请确保宿主机的防火墙已关闭或已放行相关端口对于云服务器还需配置相应的安全组规则。6.2 注册账号填写登录账号信息填写完毕后确认创建即可。6.3 文件存储设置选择默认配置即可确认选择文件存储。6.4 系统设置可选择首页标题名称自行设置或者默认都可以点击“Next”后进入到Imagor Studio主页。6.5 上传图片在宿主机图片存储目录上传图片如下所示rootjeven:/data/imagor-studio/pictures# pwd/data/imagor-studio/pictures rootjeven:/data/imagor-studio/pictures# ls中秋图片.jpg浏览器刷新Imagor Studio主页可以看到图片正常显示。6.6 编辑图片双击打开刚才上传的图片点击编辑选项可以对图片进行编辑处理。七、总结通过本次实践我们成功使用Docker部署了功能强大的自托管图像管理工具Imagor Studio。Imagor Studio不仅提供了高性能的图像画廊体验还支持实时编辑、非破坏性工作流和即时生成编辑URL极大提升了图像处理效率。其触摸优化的界面确保了在移动设备和桌面端都能获得流畅一致的操作体验。整个部署过程简单高效是创作者和开发者管理与处理图像资源的理想选择。