Yuan's IMG HOST 部署日志

Yuan.Sn
  2025-05-19 08:12:26 2025-05-19 08:12:26 Created   2025-09-08 14:17:58 2025-09-08 14:17:58 Updated    1.7k Words  8 Mins  

Yuan's 图床 基于开源项目 EASY IMAGE 部署，部署在 1H 1G 50M X86架构 San Jose地区 的 Oracle云服务器当中。通过Cloud Flare CDN加速代理访问，未做任何优选设置。

主页
主页
rep页
rep页

ENVIROMENT

  • 6.8.0-1013-oracle #13-Ubuntu SMP Mon Sep 2 11:35:20 UTC 2024 x86_64 x86_64 x86_64 GNU/Linux
  • Nginx fpm 8.3
  • SSL 证书由 CLOUD FLARE 提供

FATURES

  • 图片上传(<=30M)
  • 域名部署(img.geekie.site)
  • API上传(私我Token)
  • 黄图过滤
  • SEO优化

HOW TO USE

看官方文档 吧，写的很清楚

已知问题

  • 性能问题(已解决）：

    • 上传高分辨率普通时，切换到预览窗口FMP可能会崩溃

      sudo systemctl restart php8.3-fpm

  • 解决方案：

    • 限制上传图片分辨率 30720 x 10240px
    • 引入前端压缩机制
    • 优化缩略图设置(直链)

25.5.19

INSTALL:

  1. git clone EASY IMAGE 到服务端

    1
    2
    cd var/www/img_host/
    git clone https://github.com/icret/EasyImages2.0.git

  2. 赋予www在安装目录的755权限

    1
    2
    sudo chmod -R 755 /var/www/img_host/
    sudo chown -R www:www /var/www/img_host/

  3. 配置NGINX FPM8.3

    • Nginx conf 位于 /etc/nginx

    • 在 主文件的http块中导入项目nginx文件:

      1
      include /var/www/img_host/EasyImages2.0/*.conf;

    • 撰写项目nginx conf块：

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      28
      29
      30
      31
      server {
         listen 80;
         listen 443 ssl;
         #ssl on;
         ssl_certificate /var/www/img_host/EasyImages2.0/ssl/certificate.crt;
         ssl_certificate_key /var/www/img_host/EasyImages2.0/ssl/private.key;
         server_name img.geekie.site www.geekie.site; #  替换为你的域名或服务器 IP
         root /var/www/img_host/EasyImages2.0;
         index index.php;
         
         location / {
             try_files $uri $uri/ /index.php$is_args$args; #  修改 try_files，		通常需要包含 index.php
             client_max_body_size 100m;
         }
         
         location ~ \.php$ {
             include snippets/fastcgi-php.conf;
             fastcgi_pass unix:/run/php/php8.3-fpm.sock;  # 确保 PHP 版本匹配
         }
         
         location ~* \.(?:jpg|jpeg|gif|png|webp|svg)$ { # 优化：处理静态资源
             expires 30d;
             access_log off;
             add_header Cache-Control "public, max-age=2592000";
             try_files $uri =404;
         }
         #    location /img_test{
         #        proxy_pass http://localhost:81;
         #    
         #    }
         }

25.7.14

觉得当前图床(easy img) UI太旧&&服务器性能较低，重新部署 lsky 2.1。暂不公开测试

25.7.15

今天将图床公布到Linux do上之后，出现了短期的大量访问。一接连崩溃了几次，分析fpm日志后

[15-Jul-2025 05:33:06] WARNING: [pool www] child 3882450, script '/var/www/img_host/EasyImages2.0/app/thumb.php' ... executing too slow (10.674160 sec), logging
[15-Jul-2025 13:43:52] WARNING: [pool www] child 4073792, script '/var/www/img_host/EasyImages2.0/app/thumb.php' ... executing too slow (48.686553 sec), logging

发现生成图片缩略图的脚本thumb.php极不正常的，每个执行这个脚本的请求都会长时间占用一个 PHP-FPM 进程 PHP-FPM 创建的子进程数量达到了配置文件中设置的上限 pm.max_children15，程序崩溃了

先检查了两个处理缩略图的扩展 GD 和 Imagick，发现 Imagick没装 赶紧装上去

1
2
3
4
5
6
7
root@instance-20250309-1139:/# php8.3 -m | grep -i -E 'gd|imagick'
gd
root@instance-20250309-1139:/# sudo apt install php8.3-imagick
Reading package lists... Done
Building dependency tree... Done
Reading state information... Done
The following additional packages will be installed:

然后看了 Thumb.php的源码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<?php
/*
// +----------------------------------------------------------------------

// | 把大图缩略到缩略图指定的范围内，不留白（原图会剪切掉不符合比例的右边和下边）

// | https://www.php.cn/php-ask-458473.html

// +----------------------------------------------------------------------

require_once __DIR__ . '/function.php';
require_once __DIR__ . '/class.thumb.php';

$src = isset($_GET['img']) ? APP_ROOT . $_GET['img'] : APP_ROOT . '/public/images/404.png'; // 原图路径

if (!file_exists($src)) {
    exit('image does not exist');
}

$w = isset($_GET['width']) ? $_GET['width'] : 258; // 预生成缩略图的宽

$h = isset($_GET['height']) ? $_GET['height'] : 258; // 预生成缩略图的高

Thumb::show($src, $w, $h);
*/

/**
 * 使用新的TimThumb.php生成缩略图
 * TimThumb.php EasyImage修改版 by Icret
 * form https://github.com/podipod/TimThumb
 * 2022-1-30 06:35:08
 *
 * TimThumb参数指南
 * 命令     作用        参数                描述
 * src	    源文件      图像URL			    告诉TimThumb调整哪个图片
 * w	    宽度		宽度调整			调整输出图像的宽度
 * h	    高度		高度调整			调整输出图像的高度
 * q	    质量		0-100               压缩质量，值越大质量越高。不建议高于95
 * a	    对齐	    c, t, l, r, b, tl, tr, bl, br	图像对齐。 c = center, t = top, b = bottom, r = right, l = left。 可以创建对角位置
 * zc	    缩放/裁剪	0、1、2、3	0：     根据传入的值进行缩放（不裁剪）， 1：以最合适的比例裁剪和调整大小（裁剪）， 2：按比例调整大小，并添加边框（裁剪），3：按比例调整大小，不添加边框（裁剪）
 * f	    过滤器      太多了			    可以改变亮度/对比度;甚至模糊图像
 * s	    锐化		锐化				使得按比例缩小图片看起来有点;更清晰
 * cc	    画布颜色	#ffffff         	改变背景颜色。 大多数更改缩放和作物设置时使用,进而可以添加图像边界。
 * ct	    画布透明度	true (1)	        使用透明而忽略背景颜色
 */

require_once __DIR__ . '/function.php';

// 缓存时间
$cache_freq = $config['cache_freq'] * 60 * 60;

// 中文翻译 https://my.oschina.net/whrlmc/blog/81739
define('LOCAL_FILE_BASE_DIRECTORY', APP_ROOT);
define('MEMORY_LIMIT', '256M');
define('DEFAULT_WIDTH', $config['thumbnail_w']);
define('DEFAULT_HEIGHT', $config['thumbnail_h']);
define('FILE_CACHE_PREFIX', 'EasyImage');
define('DEFAULT_ZC', 0);

define('MAX_WIDTH', 10240);
define('MAX_HEIGHT', 10240);
define('FILE_CACHE_DIRECTORY', APP_ROOT . $config['path'] . 'cache/');
define('NOT_FOUND_IMAGE', $config['domain'] . '/public/images/404.png');
define('ERROR_IMAGE', $config['domain'] . '/public/images/404.png');
define('DISPLAY_ERROR_MESSAGES', false);
define('MAX_FILE_SIZE', $config['maxSize']);             // 10 Megs 是 10485760。这是我们将处理的最大内部或外部文件大小。
define('FILE_CACHE_TIME_BETWEEN_CLEANS', $cache_freq);   // 多久清理一次缓存
define('FILE_CACHE_MAX_FILE_AGE', $cache_freq);          // 文件必须从缓存中删除多长时间
define('BROWSER_CACHE_MAX_AGE', $cache_freq);            // 浏览器缓存时间

global $ALLOWED_SITES;
$ALLOWED_SITES = array(
    $config['domain'],
    $config['imgurl'],
);

/**
 * 修复无法生成生成webp动态图片的缩略图bug
 */
if (isset($_GET['img'])) {

    // 引入文件
    require_once __DIR__ . '/TimThumb.php';
    $src = $_GET['img'];

    // 重定向不包含存储路径的缩略图地址
    if (!stristr($src, $config['path'])) {
        $src = $config['path'] . $src;
        header("Location:thumb.php?img=$src");
        exit();
    }

    // 图片绝对路径
    $src = APP_ROOT . $_GET['img'];
    // 获取文件后缀
    $ext =  pathinfo($src)['extension'];
    // 404 文件
    $i404 = APP_ROOT . '/public/images/404.png';

    // 文件不存在
    if (!is_file($src)) {
        // 输出404
        header("Content-type: image/png");
        exit(file_get_contents($i404, true));
    }

    switch ($ext) {
        case 'ico':
            header("Content-type: image/jpeg");
            exit(file_get_contents($src, true));
            break;
        case 'svg':
            header('Content-Type:image/svg+xml');
            exit(file_get_contents($src, true));
            break;
        case 'webp':
            if (isWebpAnimated($src)) {
                // 输出动态的webp
                header("Content-type: image/webp");
                exit(file_get_contents($src, true));
            } else {
                timthumb::start();
            }
            break;
        default:
            timthumb::start();
    }
} else {
    // 输出404
    header("Content-type: image/png");
    exit(file_get_contents($i404, true));
}

okay，看不懂 QAQ 明天学下php。

25.7.17

这几天把google相册的所有图片下出来了，转移进了新图床

新图床
新图床

但是在图片的预览页面出现了图片无法加载的问题

预览页
预览页
控制台
控制台

查了下控制台，发现是 https代理的问题。部署了SSL证书，但是图床的直链还是 走的http + IP

查了下 文档的ISSUE

这种情况通常是因为你的程序正在从 80 端口进行转发流量，详细解释和解决方法：https://laravel.com/docs/9.x/requests#configuring-trusted-proxies 请尝试增加反向代理配置：

25.7.18

“睾人”指点，改下了设置，恢复预览访问了

image
image

25.7.19

今晚上闲着没事，又翻开了了之前老图床。上传了几个图片之后，进入预览界面 又崩了！！！！实在受不了了，仔细研究了一下控制台，嘿 您说怎么着 还真有新收获

正常加载
正常加载
错误加载
错误加载

分析了一下正常加载与崩溃缩略图的路径，正常加载走的是 Timthumb 处理脚本，而未正常加载的走的是源文件。嘿，这就对了，我20几个 十多m的图片一起加载，我这小小服务器怎能顶得住。

看了下文档，分析了下缩略图设置，找到原因了

屏幕截图 2025-07-19 230908
屏幕截图 2025-07-19 230908

原来这个 TimThumb 与 CDN有冲突，而我正好走了CF的 CDN。OK 改成直链模式 问题解决~~~

25.8.8

跟换为 edge one CDN加速

简单图床 - EasyImage
简单图床 - EasyImage

推荐阅读
谈谈Nginx 谈谈Nginx 修复hexo waline评论组件无法加载的问题 修复hexo waline评论组件无法加载的问题 优化HEXO图片LOADING 优化HEXO图片LOADING
推荐阅读
谈谈Nginx 谈谈Nginx 修复hexo waline评论组件无法加载的问题 修复hexo waline评论组件无法加载的问题
Comments
On this page
Yuan's IMG HOST 部署日志
  1. ENVIROMENT
  2. FATURES
  3. HOW TO USE
  4. 已知问题
  • 25.5.19
  • 25.7.14
  • 25.7.15
  • 25.7.17
  • 25.7.18
  • 25.7.19
  • 25.8.8