CentOS下编译安装nginx及配置缩略图插件的方法教程

简介

本教程将会介绍如何在CentOS操作系统下，使用nginx编译安装及配置缩略图插件。在编译安装nginx之前，需要安装一些依赖包。

需要的软件包

在编译nginx之前，需要安装以下软件包：

yum install -y gcc gcc-c++ automake autoconf libtool make zlib zlib-devel openssl openssl-devel pcre pcre-devel

nginx的编译安装

1. 下载nginx源码包

可以从官网下载最新版本的nginx源码包，也可以使用以下命令下载：

wget http://nginx.org/download/nginx-1.20.1.tar.gz

1. 解压nginx源码包

tar -zxvf nginx-1.20.1.tar.gz

1. 进入nginx源码目录并编译安装

cd nginx-1.20.1
./configure --prefix=/usr/local/nginx --with-http_ssl_module --with-pcre --with-http_stub_status_module --with-http_gzip_static_module
make && make install

编译完成之后，nginx将安装在/usr/local/nginx/目录下。

nginx的配置

经过上述步骤，nginx已经安装并可以正常启动。但是还需要完成一些配置。

1. 创建日志目录

mkdir /usr/local/nginx/logs

1. 修改nginx配置文件

可以使用以下命令进行修改：

vi /usr/local/nginx/conf/nginx.conf

修改文件中的server段配置，添加缩略图插件的配置。

示例：

http {
    # 缩略图插件配置
    # 可以根据需要修改图片路径和大小
    location ~* ^/thumbnail/(.*) {
        root /usr/local/nginx/html;
        image_filter resize 100 100;
        image_filter_base64 on;
    }

    server {
        listen       80;
        server_name  localhost;

        location / {
            root   html;
            index  index.html index.htm;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

1. 启动nginx

/usr/local/nginx/sbin/nginx

启动之后，访问http://localhost即可看到nginx默认的欢迎页面。访问http://localhost/thumbnail/image.jpg即可看到缩略图。

示例说明

示例一

需求：在网站中显示一张大小为100x100的图片，并在页面中生成缩略图。

步骤：

1. 将图片文件保存到nginx的html目录下。
2. 在页面中使用以下代码显示原始图片并生成缩略图：

<img src="/image.jpg">
<img src="/thumbnail/image.jpg">

示例二

需求：在网站中显示多张图片，并且每张图片都需要生成不同大小的缩略图。

步骤：

1. 将不同大小的图片分别保存到不同的目录下。
2. 在nginx的配置文件中配置不同目录下的缩略图插件，例如：

location ~* ^/thumbnail/100x100/(.*) {
    root /usr/local/nginx/html;
    image_filter resize 100 100;
    image_filter_base64 on;
}
location ~* ^/thumbnail/200x200/(.*) {
    root /usr/local/nginx/html;
    image_filter resize 200 200;
    image_filter_base64 on;
}

1. 在页面中使用以下代码显示原始图片并生成缩略图：

<img src="/image1.jpg">
<img src="/thumbnail/100x100/image1.jpg">
<img src="/thumbnail/200x200/image1.jpg">

<img src="/image2.jpg">
<img src="/thumbnail/100x100/image2.jpg">
<img src="/thumbnail/200x200/image2.jpg">