脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网站技巧 → 服务器 → nginx → Nginx网页置灰

使用Nginx让网站快速置灰的方法

 更新时间：2023年11月22日 09:49:39   作者：滴滴滴  
这篇文章主要介绍了使用Nginx让网站快速置灰的方法,首先是查看当前编译的版本是否支持http_sub_module模块,如果不支持需要重新编译增加此模块,具体配置方法参考下本文

如何使用Nginx让网站快速置灰

  • 查看当前编译的版本是否支持http_sub_module模块，如果不支持需要重新编译增加此模块。
nginx -V
  • 修改nginx.conf配置，在http{}中增加以下两行。
http {
    sub_filter  '</head>'  '<style type="text/css">html {-webkit-filter: grayscale(.95);}</style></head>';
    sub_filter_once on;
     …(省略其它输出)
}

nginx 配置网站页面变灰

nginx 配置网站页面变灰，主要是通过ngx_http_sub_module模块来进行配置，已经安装该模块的可以直接配置，未安装的需新增编译该模块

新增模块编译可以参考以下文章

https://www.jb51.net/server/305559uwy.htm

新增 --with-http_sub_module 模块编译

模块安装完成后在nginx.conf配置文件中 http{} 层新增以下配置

  sub_filter  '</head>' '<style type="text/css">html {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: gray;}</style></head>';
  sub_filter_types *;
  sub_filter_once on;

然后 sbin/nginx -s reload 重新加载配置后即可生效

到此这篇关于使用Nginx让网站快速置灰的方法的文章就介绍到这了,更多相关Nginx网页置灰内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • nginx安装完成无法解析php解决方法

    nginx安装完成无法解析php解决方法

    大家好，本篇文章主要讲的是nginx安装完成无法解析php解决方法，感兴趣的同学赶快来看一看吧，对你有帮助的话记得收藏一下，方便下次浏览
    2021-12-12
  • Nginx实现接口复制的示例代码

    Nginx实现接口复制的示例代码

    本文主要介绍了使用Nginx的mirror指令和Lua脚本实现接口流复制,方便将请求同时转发到多个后端服务器,具有一定的参考价值,感兴趣的可以了解一下
    2025-01-01
  • Nginx中404页面的配置及AJAX请求返回404页面的方法

    Nginx中404页面的配置及AJAX请求返回404页面的方法

    404是请求页面不存在的错误代码,在Nginx中有时处理jQuery中的ajax方法虽然能返回404页面但错误代码却返回200,针对此问题我们具体来看一下Nginx中404页面的配置及AJAX请求返回404页面的方法
    2016-05-05
  • Nginx/Openresty中启用http2支持的方法教程

    Nginx/Openresty中启用http2支持的方法教程

    Openresty/Nginx默认是不支持http2的，需要将http2模块编译进应用中。这篇文章主要给大家介绍了关于在Nginx/Openresty中启用http2支持的方法教程，文中介绍的非常详细，对大家具有一的参考学习价值，需要的朋友们下面来一起看看吧。
    2017-07-07
  • 浅析nginx刚刚发布的JavaScript能力nginScript

    浅析nginx刚刚发布的JavaScript能力nginScript

    Nginx [engine x]是全球最受欢迎，也是最优秀的web服务器、反向代理服务器。nginScript是JavaScript/ECMAscript的子集，nginScript不是通过V8引擎实现的。本文给大家介绍nginx刚刚发布的JavaScript能力nginScript，感兴趣的朋友跟着小编一起了解了解吧
    2015-09-09
  • linux下Nginx+Tomcat负载均衡配置方法

    linux下Nginx+Tomcat负载均衡配置方法

    这篇文章主要介绍了linux下Nginx+Tomcat负载均衡配置方法,需要的朋友可以参考下
    2016-09-09
  • nginx常用配置conf的示例代码详解

    nginx常用配置conf的示例代码详解

    这篇文章主要介绍了nginx常用配置conf，包括配置vue项目，配置接口代理的代码详解，代码简单易懂，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03
  • 详解Nginx Location配置

    详解Nginx Location配置

    本篇文章给大家分享了Nginx Location配置的相关步骤以及具体方法，有需要的朋友参考学习下。
    2018-05-05
  • 一文详解Nginx日志的查找与分析技巧

    一文详解Nginx日志的查找与分析技巧

    在维护 Web 服务器时,Nginx 就像一位沉默的守门人,它通常运行得非常稳定,但一旦出现 502 Bad Gateway 或页面加载缓慢时,很多新手面对黑底白字的终端会感到迷茫,本文将带你快速掌握 Nginx 日志的查找与分析技巧,助你从容应对服务器故障,需要的朋友可以参考下
    2025-12-12
  • 负载均衡下的webshell上传+nginx解析漏洞的过程

    负载均衡下的webshell上传+nginx解析漏洞的过程

    这篇文章主要介绍了负载均衡下的webshell上传+nginx解析漏洞,首先介绍了负载均衡下webshell上传的四大难点及环境搭建教程,感兴趣的朋友跟随小编一起看看吧
    2024-02-02

最新评论