当前位置:首页VPS云服务器优雅的写博客 聊聊在用的图床方案-Easyimage

优雅的写博客 聊聊在用的图床方案-Easyimage

释放双眼,带上耳机,听听看~!

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. 项目展示

优雅的写博客 聊聊在用的图床方案-Easyimage
优雅的写博客 聊聊在用的图床方案-Easyimage

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添加反向代理,按下面的操作
优雅的写博客 聊聊在用的图床方案-Easyimage

优雅的写博客 聊聊在用的图床方案-Easyimage

注意:

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 的配置。

优雅的写博客 聊聊在用的图床方案-Easyimage

代码如下:

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上传啦
优雅的写博客 聊聊在用的图床方案-Easyimage
优雅的写博客 聊聊在用的图床方案-Easyimage
优雅的写博客 聊聊在用的图床方案-Easyimage
优雅的写博客 聊聊在用的图床方案-Easyimage

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

温馨提示:

文章标题:优雅的写博客 聊聊在用的图床方案-Easyimage

文章链接:https://www.flyecho.fun/4800.html/

更新时间:2024年06月04日

本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:505827773@qq.com我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读渐入佳境使用条款

给TA买糖
共{{data.count}}人
人已买糖
VPS云服务器

跨平台密码管理神器Vaultwarden

2023-12-20 10:09:48

VPS云服务器

2024年推荐5个便宜的美国高防VPS,性价比首选

2024-1-17 10:12:55

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索