nginx 配置网站页面变灰

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

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

https://huwen.blog.csdn.net/article/details/121603501

新增 --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 配置网站页面变灰相关推荐

java web 颜色灰色_网站动态变灰解决方案(java web项目网站)
每逢5.12和哀悼日,各大门户网站都会把自己网站变灰色,以此来表示对逝者的哀悼. 下面是一个java web项目网站变化的设计方案. 思路是这样的,首先由个页面来操作网站是变灰还是不变灰, 然后把选择 ...
word图片填充之后图片颜色变灰了_一文读懂如何快速实现网页页面变灰？
灰色显示百度首页今天早上醒来一看各大网站,为表示新冠肺炎疫情死难者的哀悼,各大网站均将页面变为灰色显示,显示的极为庄重肃穆.本文主要介绍常用网页页面快速变灰色的方法. CSS样式Filter属性对 ...
Linux配置nginx打开报404,Linux下Nginx配置404页面的方法
Linux下Nginx配置404页面很多设置后返回状态码是200,而不是404状态码,所以那样的404页面设置是不正确的,今天分享下Linux下Nginx配置404页面设置方法. 1.创建自己的404 ...
清明节全国哀悼,那么网站全部变灰是怎么实现的?
作为一名后端java开发人员,初次看到这次2020年清明节网站全部变灰的第一印象是他们应该是改了贴图或者说改了一些配置,怎么思考都应该是在backgroud这些参数上做修改,但是当我今天打开百度地图的 ...
前端实现页面变灰功能(含 Flutter )
前端利用css3中新增的filter属性实现页面变灰功能.一键全局修改样式,加滤镜.加曝光等等.flutter 使用 ColorFiltered 包裹我们的根widget 实现页面变灰. 今天从前端 ...
让整个网站网页变灰的方法
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念.那么今天就说说,通过几行简单的代 ...
PHP网站屏幕变灰,网站全局变灰代码
[CSS方法] 在网站需要变灰的页面head部分加入一行style 以上代码适用于主流浏览器,如新版的chrom,edge等. html { -webkit-filter: grayscale(100 ...
网站变灰代码，一行代码让网站整体变灰，wordpress网站一行代码全站变灰教程
在遇到特殊情况的时候,我们作为站长需要紧急将网站变灰的需求,在此小编给大家总结了几种方法,通过简单修改一下站点样式即可实现.一段代码让网站整体变灰.这里主要介绍的利用 filter: grayscal ...
哀悼日网站全站变灰代码
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念. 那么今天就说说,通过几行简单的 ...

nginx 配置网站页面变灰

nginx 配置网站页面变灰相关推荐

最新文章

热门文章