有没有办法在没有任何第三方实用程序的情况下在nginx中创建一个简单的静态图库?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了有没有办法在没有任何第三方实用程序的情况下在nginx中创建一个简单的静态图库?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1534字,纯文字阅读大概需要3分钟。
内容图文
我只是希望能够同时共享多个图像的链接.
解决方法:
最简单的方法是转换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'><!DOCTYPE html></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中创建一个简单的静态图库?全部内容,希望文章能够帮你解决有没有办法在没有任何第三方实用程序的情况下在nginx中创建一个简单的静态图库?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。