系统相关
首页 > 系统相关> > 有没有办法在没有任何第三方实用程序的情况下在nginx中创建一个简单的静态图库?

有没有办法在没有任何第三方实用程序的情况下在nginx中创建一个简单的静态图库?

作者:互联网

我只是希望能够同时共享多个图像的链接.

解决方法:

最简单的方法是转换nginx的文件列表.您可以通过将nginx输出列表设置为XML然后使用XSLT对其进行转换来实现.内置模块ngx_http_autoindex_module将执行前者,通常动态模块ngx_http_xslt_filter_module(aka ngx_http_xslt_module)将执行后者.

首先,如果需要,在nginx.conf中加载模块:

load_module "/usr/lib/nginx/modules/ngx_http_xslt_filter_module.so";

然后,在您的sites-available / website.com中,添加一个位置,告诉nginx使用stlylesheet gal.xslt转换xml索引,并将该文件夹的名称作为参数传递.

location ~ /gal/([A-z]+)/${
    autoindex on;
    autoindex_format xml;
    xslt_string_param title $1;
    xslt_stylesheet gal.xslt;
    try_files $uri/ =404;
}

最后,在/ etc / nginx中创建gal.xslt,表示,

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="utf-8" indent="yes" />
<xsl:template match="/">
  <xsl:text disable-output-escaping='yes'>&lt;!DOCTYPE html&gt;</xsl:text>
  <html>
  <head>
    <title><xsl:value-of select="$title" /></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style>
    img {
            display: block;
            max-width: 20cm;
            max-height: 20cm;
            margin: 2mm;
            vertical-align: bottom;
        }
    @media all and (max-width: 20.4cm) {
        img {
            max-width: calc(100% - 4mm);
        }
    }
    body {
            margin: 0;
    }
    </style>
  </head>
  <body>
    <xsl:for-each select="list/file">
        <img src="{.}" alt="{.}"/>
    </xsl:for-each>
  </body>
  </html>
</xsl:template>
</xsl:stylesheet>

现在将一些图像放入/ var / www / html / gal / foo,重新启动nginx,导航到website.com/gal/foo,您将看到一个简单但可用且响应迅速的图库.

标签:nginx,image-gallery
来源: https://codeday.me/bug/20190828/1756071.html