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
可以直接参考之前文章
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 访问了。
但是这边我们必须先搞一下反向代理!
做反向代理前,你需要一个域名!
7. 反向代理
7.1 利用 Nginx Proxy Manager
在添加反向代理之前,确保你已经完成了域名解析,不会的可以看这个:域名一枚,并做好解析到服务器上(域名购买、域名解析 视频教程)
之后,登陆 Nginx Proxy Manager添加反向代理,按下面的操作
注意:
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 的配置。
代码如下:
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