1. 前言

1.1 图床方案

图床其实就是一个专门用来存放图片的解决方案，在我们写博客的时候，文章中会用到很多的图片，如果全部嵌入在文章中，那么会增加文章的大小，影响加载速度，文章多了图也多了也会拉慢网站的加载速度，给网站的存储带来压力，如果哪天网站挂了数据丢了，那么插图也就都丢了， 所以优雅的写博客一般都是通过markdown链接的形式去插入图片。

其实前前后后都在尝试探索不同的图床方案，从一开始的公益图床到后来的付费图床，但是这些都是把自己的图片数据交到别人的手里，万一哪天别人服务挂了或者不再维护了，那么你的文章里的图就都裂了，这个损失是很大的。

所以后来就开始了自建图床，用过兰空、Chevereto还有现在在使用的Easyimage，Chevereto是一款功能非常完善需要授权的图床，他更像一个相册社区用来做文章的一些插图有点大材小用了，平时上传都是搭配picgo，所以Chevereto的上传来说无疑有点繁琐了。

Easyimage非常的轻量简单甚至都不用数据库用api搭配picgo上传插入非常的方便而兰空介于2这之间并且还需要部署数据库所以最后弃用。

1.2 存储方案

其实主流的存储方案就2种，对象存储和网站本地存储，之前用picgo的时候不通过图床程序是可以直接上传到阿里云的对象存储oss的，一开始用的挺好的，就算网站以后迁移也不用管图片，因为都是存在阿里云的oss里的，但是随着网站文章变多，浏览人数变多，oss的下行流出流量一个月有小几十G，坑爹的流量包只能抵扣存储空间不能抵扣流出流量和请求次数等，真是套路满满，考虑到后期这个费用会不断的增加，所以直接弃用对象存储。

最后改为的就是最简单的网站本地存储，其实这也是最简单最好迁移的方案我认为，因为站点每天都会用脚本定时备份docker数据到另一台服务器，简单图床的存放目录也在里面，就算后面迁移网站，将域名重新解析到新的服务器，目录整个迁移过去文章中的图片是不会被影响的，而且简单图床是自带转webp的，2个G都够存放几百篇文章的截图了，所以现在在使用的方案就是 Easyimage + 本地存储 + picgo

 

创作不易，如果你觉得有用，欢迎请橙子喝杯咖啡☕☕☕

2. 项目展示


3. 相关地址

官方GitHub地址：https://github.com/icret/EasyImages2.0
官方docker镜像地址：ddsderek/easyimage:latest

4. 搭建环境

服务器：橙子这边用的Racknerd的高性价比服务器，美国洛杉矶的DC02机房的机子

  • 系统：Ubuntu 20.4 （也可以用Debian）

  • 安装好 Docker、Docker-compose（相关脚本）

  • 【非必需但建议】域名一枚，并做好解析到服务器上（域名如何选择和购买）

  • 【非必需】提前安装好宝塔面板，海外版本 aapanel，并安装好 Nginx环境

  • 【非必需本教程选用】安装好 Nginx Proxy Manager（相关教程）

服务器建议：1C1G，能搭建docker即可

5. 搭建视频

5.1 YouTube
视频地址：后续补充…

5.2 哔哩哔哩
视频地址：后续补充…

6. 搭建方式

6.1 安装 Docker 与 Nginx Proxy Manager

可以直接参考这篇内容：

https://vlightsky.com/nginx-proxy-manager/

6.2 创建安装目录

创建一下安装的目录：

sudo -i

mkdir -p /root/data/docker_data/easyimage

cd /root/data/docker_data/easyimage

vim docker-compose.yml

英文输入法下，按 i

version: '3.3'
services:
  easyimage:
    image: ddsderek/easyimage:latest
    container_name: easyimage
    ports:
      - '9080:80'
    environment:
      - TZ=Asia/Shanghai
      - PUID=1000
      - PGID=1000
    volumes:
      - '/root/data/docker_data/easyimage/config:/app/web/config'
      - '/root/data/docker_data/easyimage/i:/app/web/i'
    restart: unless-stopped

切换成英文输入法，修改好之后，按一下 esc，然后 :wq 保存退出。

6.3 打开服务器防火墙（非必需）并访问网页

打开防火墙的端口 9080

国内的，腾讯云阿里云在实例里面的安全组，添加放行端口即可（部分服务商没有自带的面板防火墙，就不用这步操作了）：

查看端口是否被占用（以 8080 为例），输入：

lsof -i:8080  #查看 8080 端口是否被占用，如果被占用，重新自定义一个端口

如果啥也没出现，表示端口未被占用，我们可以继续下面的操作了～

如果出现：

-bash: lsof: command not found

运行：

apt install lsof  #安装 lsof

如果端口没有被占用（被占用了就修改一下端口，比如改成 8381，注意 docker 命令行里和防火墙都要改）

理论上我们就可以输入 http://ip:9080 访问了。

但是这边我们必须先搞一下反向代理！

做反向代理前，你需要一个域名！

如果想要长期使用，还是建议买 com 后缀的域名，域名选购和购买参考这篇：
https://vlightsky.com/choose_domain_name/

7. 反向代理

7.1 利用 Nginx Proxy Manager

在添加反向代理之前，确保你已经完成了域名解析，不会的可以看这个：域名一枚，并做好解析到服务器上（域名购买、域名解析 视频教程）

之后，登陆 Nginx Proxy Manager（不会的看这个：安装 Nginx Proxy Manager（相关教程））添加反向代理，按下面的操作
2023-11-28_202453

2023-11-28_202524

注意：

Nginx Proxy Manager（以下简称 NPM）会用到 80、443 端口，所以本机不能占用（比如原来就有 Nginx，如果你装了宝塔并且安装了nginx是不行的）

IP 填写：

如果 Nginx Proxy Manager 和 Easyimage 在同一台服务器上，可以在终端输入：

ip addr show docker0

查看对应的 Docker 容器内部 IP，一般都是172.17.0.1。

否则直接填服务器 IP 就行。

7.2 利用宝塔面板

发现还是有不少小伙伴习惯用宝塔面板，这边也贴一个宝塔面板的反代配置：

直接新建一个站点，不要数据库，不要 php，纯静态即可。

然后打开下面的配置，修改 Nginx 的配置。

2023-11-28_202054

代码如下：

location / {
      proxy_pass http://127.0.0.1:8090/;       # 注意改成你实际使用的端口
      rewrite ^/(.*)$ /$1 break;
      proxy_redirect off;
      proxy_set_header Host $host;
      proxy_set_header X-Forwarded-Proto $scheme;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header Upgrade-Insecure-Requests 1;
      proxy_set_header X-Forwarded-Proto https;
    }

此方法对 90% 的反向代理都能生效，然后就可以用域名来安装访问了。

8. 使用教程

用首次进入安装过程中设置的账号密码登录后，可以在设置中开启转换为webp，然后开启api上传获取api地址和token在picgo中安装插件配置后就能直接本地使用picgo上传啦



8.1 更新 easyimage

cd /root/data/docker_data/easyimage

docker-compose pull

docker-compose up -d    # 请不要使用 docker-compose stop 来停止容器，因为这么做需要额外的时间等待容器停止；docker-compose up -d 直接升级容器时会自动停止并立刻重建新的容器，完全没有必要浪费那些时间。

docker image prune  # prune 命令用来删除不再使用的 docker 对象。删除所有未被 tag 标记和未被容器使用的镜像

提示：

WARNING! This will remove all dangling images.
Are you sure you want to continue? [y/N]

输入 y

利用 Docker 搭建的应用，更新非常容易～

8.2 卸载 easyimage

同样进入安装页面，先停止所有容器。

cd /root/data/docker_data/easyimage

docker-compose down

cd ..

rm -rf /root/data/docker_data/easyimage  # 完全删除

可以卸载得很干净。

9. 常见问题及注意点

上传完图片后，广场和历史展示的图片可能会是裂的，控制台提示403无权限，这个问题是由于反向代理的阻止常见攻击导致的，所以在设置nginx的时候Block Common Expolits一定不要选
 

10. 结尾

祝大家搭建成功用的开心，有问题可以去 GitHub 提 Issues，也可以在评论区互相交流探讨。

同时，有能力给项目做贡献的同学，也欢迎积极加入到 项目 中来，贡献自己的一份力量！

最后，感谢开发人员们的辛苦付出，让我们能用到这么优秀的项目！

创作不易，如果你觉得有用，欢迎请橙子喝杯咖啡☕☕☕

参考资料
https://github.com/icret/EasyImages2.0