概述

photopea 可以说是在线版的 photo shop，相当的好用，官网 https://www.photopea.com/

官方并没有提供 docker 部署的方式，不过有大神将 photopea 整个代码爬下来了，使用 python 的 http.server 模块就能快速启动

大神的仓库：https://gitflic.ru/project/photopea-v2/photopea-v-2

解压

下载后解压得到下面这些目录和文件

_vendor
www.photopea.com
Updater.py

其中 www.photopea.com 目录下就是 photopea 的所有静态文件

修改入口文件代码

打开 www.photopea.com/index.html 这个文件，拖到最后，找到这两行，把他们注释掉

			if(href.indexOf("#")!=-1 || href.indexOf("=")!=-1 || ppp["capShown"]=="false") addPP();
			else cap.style.display="";

然后加上下面这几行

			window.onload = function() {
			  addPP();
			}

这样，就可以屏蔽掉第一次进去的时候展示的介绍页面

打 docker 镜像

在 Updater.py 同一级目录下创建 dockerfile 文件

FROM python:3.10.16-alpine3.21

ENV TZ=Asia/Shanghai

WORKDIR /usr/local/photopea
COPY ./www.photopea.com /usr/local/photopea

EXPOSE 8887/tcp

CMD python -m http.server 8887

然后打包 docker 镜像

docker build -t kk_photopea:v1.0 .

docker 直接启动

docker run -d --name photopea -p 8887:8887 kk_photopea:v1.0

访问 http://localhost:8887

docker-compose 启动

编写启动用的 docker-compose.yml

version: "3.1"
services:
    kk_phothpea:
        image: kk_photopea:v1.0
        container_name: kk_phothpea
        ports:
          - '8887:8887'

启动

docker-compose up -d

访问 http://localhost:8887