Nginx 服务器的配置

If you are using a Nginx server that does not support .htaccess rules, additional Nginx server configuration is required for the Xilifox Image Optimizer plugin to work properly.

• 步 1.#

  Below is the list of hosting services for which we have prepared dedicated instructions. 如果您使用其中之一, 使用专用手册:

  • the CloudPanel server

  如果您不使用上述任何托管, please follow the instructions below.

• 步 2.#

  Start an SSH connection to your website or forward this instruction to your server administrator.

• 步 3.#

  Find the configuration file in one of the paths (remember to select configuration file used by your domain):

  • /etc/nginx/sites-available/ 或者 /etc/nginx/sites-enabled/
  • /etc/nginx/conf.d/

• 步 4.#

  Add this code in the configuration file used by your domain:

  # BEGIN XIO
set $ext_avif ".avif";
if ($http_accept !~* "image/avif") {
set $ext_avif "";
}

set $ext_webp ".webp";
if ($http_accept !~* "image/webp") {
set $ext_webp "";
}

location ~* ^/wp-content/(?<path>.+).(?<ext>jpe?g|png|gif|webp)$ {
add_header Vary Accept;
add_header Cache-Control "private";
expires 365d;
try_files
/wp-content/uploads-xio/$path.$ext$ext_avif
/wp-content/uploads-xio/$path.$ext$ext_webp
$uri =404;
}
# END XIO

  Please remember to:

  • add these rules in the server { ... } block
  • add these rules before other location { ... } directives
  • add these rules before all include directives that are in the server { ... } block (especially before including the staticfiles.conf file, if it exists)

  Below is an example of correctly added rules (this is an example Nginx configuration, but in most cases it looks similar):

  

• 步 5.#

  Check if you have similar rules in your configuration file for your domain (the list of extensions in the location directive may vary, so look for similarities):

  location ~* ^.+.(css|js|jpg|jpeg|png|gif|webp|ico|eot|otf|woff|woff2|ttf)$ {
expires max;
...

  或者

  location ~* ^.+.(css|js|jpe?g|png|gif|webp|ico|eot|otf|woff|woff2|ttf)$ {
expires 1M;
try_files $uri @proxy;
...

  Depending on the configuration, these rules may be located in a different configuration file if the configuration is divided into several files.

  If you find such rules, please remove the following formats from the location directive:

  • jpg 和 jpeg 或者 jpe?g
  • png
  • gif
  • webp

  This is what an example location directive looks like before the change:

  

  This is what the same directive looks like after the change:

  

• 步 6.#

  Add support for the required MIME types, if they are not supported. 要做到这一点, edit the configuration file:

  /etc/nginx/mime.types

  and add this code (add these lines inside the types { ... } block):

  image/webp webp;
image/avif avif;

• 步 7.#

  Restart the Nginx server using the command:

  systemctl restart nginx

• 步 8.#

  就这样! Our plugin will work properly.