搜索 "CSS" - 路由器记录

网站版面错乱HTTPS请求报错BLOCK:MIXED-CONTENT问题解决办法

2控制台一看，CSS样式表和JS文件全都没加载成功，status状态显示：(blocked:mixed-content)这啥意思？文件被浏览器拦截了！查了半天发现是https证书状态下，浏览器死活不肯载入http的文件调用。这种情况多数出现在网站同时支持http和https访问，加上用了CDN之后就开始作妖。https请求报错block:mixed-content问题的解决办法试了两个方法，亲测有效：1.修改网站源文件把源码里所有不安全的http链接改成https，比如：http:/

阅读全文：网站版面错乱HTTPS请求报错BLOCK:MIXED-CONTENT问题解决办法

bootcss静态文件仓库资源被劫持，请尽快替换为本地文件

文件的网页浏览。第一时间感觉是被黑了，然后立马登录检查源站文件，从站点文件的大小和时间来看，应该是正常的。但是我在通过模拟抓取的时候，发现非法文件的推送还存在！这简直让人头疼，明明文件看起来没问题，可就是有奇怪的流量往外跑。问题根源在一通检查后，忽然想起此前网络上已经很多文章说公众资源库被某些灰产收购然后投毒的事情。其实这个此前已经修改，只是更换服务器的时候导入了旧的备份文件，导致此前被改掉的文件又回来了。bootcss已经属于非法站点，单纯访问这个文

阅读全文：bootcss静态文件仓库资源被劫持，请尽快替换为本地文件

NAS Docker必备推荐：20个Docker应用合集NAS必备Docker软件

是个只会用NAS存电影的萌新，如今家里已经堆了8台不同品牌的NAS设备。从最初跟着教程装黑群晖手抖得不行，到现在能自己写docker-compose.yaml文件，这段折腾经历让我深刻体会到——NAS就像乐高积木，只有找到适合自己的玩法才能真正物尽其用。一、我的NAS折腾使记得第一次成功用Jellyfin打开4K影片时，激动得差点把咖啡洒在键盘上。后来入了PT坑，连续三周熬夜刷上传量，硬是把绿联DX4600

解决 react-leaflet 中动态修改 Popup 弹窗内容后尺寸不变的问题

aflet中动态修改Popup弹窗内容后尺寸不变的问题问题描述：在使用react-leaflet中的leaflet组件时，发现在动态修改Popup弹窗内容后，Popup的尺寸并未随之变化。解决方法：经过分析，发现这个问题是由于react-leaflet并没有处理Popup的className、minWidth等属性的更新所导致的。为了解决这个问题，有以下几种方法可供选择：方法0：使用修改

阅读全文：解决 react-leaflet 中动态修改 Popup 弹窗内容后尺寸不变的问题

CentOS 安装 Jekyll 步骤

较老，自己常用系统是CentOS，所以按网上教程总是这里错哪里错。再摸索了一段时间后，总算是初步搞定了。其实自己对Linux也不熟悉，对于CentOS更是不怎么样。在这里提供一些简单的命令，给有需要的朋友参考。1、更新系统yum update -y2、安装Rubygpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82

阅读全文：CentOS 安装 Jekyll 步骤

openwrt主题安装包luci-theme-argon,openwrt主题,openwrt主题安装包argon下载安装

片或者视频，同时支持深色浅色的自动与手动切换注意强烈建议使用Chrome浏览器。主题中使用了一些新的css3特性，目前只有Chrome有最佳的兼容性。主线版本IE系列目前还有Bug有待解决。FireFox默认不开启backdrop-filter，开启方法见这里：https://developer.mozilla.org/zh-CN/docs/Web/CSS/backdrop-filte

阅读全文：openwrt主题安装包luci-theme-argon,openwrt主题,openwrt主题安装包argon下载安装

部署docker acme nginx环境acme申请续订泛域名证书

有服务都使用docker部署。这不难，甚至可以说是很方便，因为之前除了NGINX外，基本所有服务都是通过docker部署的。为啥之前没有用dockernginx？因为本站的证书续订使用的是certbot，certbot的可以非常方便的自动续订证书，并重载NGINX。借着这次迁移站点，正好研究一下dockeracme之前一直不知道acme怎么能够操作dockernginx，因为容器是互相隔离的，谁也看不见谁的进程，觉得可能需要写一

阅读全文：部署docker acme nginx环境acme申请续订泛域名证书

Nginx反向代理https，配置lets-encrypt证书Wordpress页面错乱无法登录后台

https过程，今天记录下Wordpress博客迁移成功https了，刚开始配置导致无法进入Wordpress博客后台，后来就解决了，在文章最后，按照我的教程步骤，就可以解决进不去后台的问题。Nginx反向代理https，配置lets-encrypt证书教程本教程基于Centos7,其他系统稍有区别Nginx安装与配置安装nginxyum-yinstallngi

阅读全文：Nginx反向代理https，配置lets-encrypt证书Wordpress页面错乱无法登录后台

图片懒惰加载-无SEO负面影响解决搜索引擎无法获取真实src图片地址优化引擎搜索SEO

面向移动的页面非常重要。另外Google不是使用网站速度作为SEO因素的秘密。此外，众所周知，如果在3秒钟内没有打开网站，人们往往会离开网站。正如你所看到的，有很多理由来提高页面加载速度。提高网站性能有很多方法来提高网页的性能。但是，降低内容大小和请求数量可能是您首先应该做的事情。或，第二，第一步是启用服务器端的流量压缩和缓存，但这些都是微不足道的事情，没有创造性的方法。如果您的网页很重，可能会有很多漂亮的图片，而且您不想删除这些图片，以提高网页

阅读全文：图片懒惰加载-无SEO负面影响解决搜索引擎无法获取真实src图片地址优化引擎搜索SEO

使用WordPress建站网站访问速度慢？该如何优化加载速度加快网页载入速度！

rdpress程序前端优化的文章，比如《wordpress前端及数据库优化》《加速乐免费CDN怎么样?》《wp博客精简速度优化版优化WordPress》主要的优化方式为1、CDN加速。2、去除冗余的html代码WordPress具有丰富的模板和插件，备受广大站长朋友们的青睐，使用WordPress建站的站长们越来越多。但是对于很多从别的程序切换到WordPress的站长来说，他们会明显感觉到使用WordPress程序

阅读全文：使用WordPress建站网站访问速度慢？该如何优化加载速度加快网页载入速度！

css文件延迟加载,CSS阻塞渲染、怎么防止css阻塞，通过rel="preload"解决CSS阻塞渲染

eload能够让你在你的HTML页面中<head>元素内部书写一些声明式的资源获取请求，可以指明哪些资源是在页面加载完成后即刻需要的。对于这种即刻需要的资源，你可能希望在页面加载的生命周期的早期阶段就开始获取，在浏览器的主渲染机制介入前就进行预加载。这一机制使得资源可以更早的得到加载并可用，且更不易阻塞页面的初步渲染，进而提升性能。本文提供了一个如何有效使用preload机制的基本说明。非重要CSS使用 rel="preload&qu

阅读全文：css文件延迟加载,CSS阻塞渲染、怎么防止css阻塞，通过rel="preload"解决CSS阻塞渲染

删除Dashicons图标库提高用户加载速度，移除WordPress的dashicons.min.css文件

更加折腾。本人前几天便趟了一个大坑，折腾一圈才发现眼前看到的“没用”不是真正的没用。Dashicons是一个图标库，您可以将其下载为webfont。它们在后端和前端都提供给您的浏览器。如果您已登录，并且注意到“帖子”或“页面”等旁边的小图标，则它们全部来自dashicons库。您可能想知道为什么要删除Dashicons，答案很简单。在大多数情况下，您不需要在网站的前端加载破折号（对于未登录的用户）。例如，如果您曾经以隐身模式访问过网站并使用了视图源，则会看到以下CSS文件。https://i

阅读全文：删除Dashicons图标库提高用户加载速度，移除WordPress的dashicons.min.css文件

css的type="text/css"是不是必须写？不写有什么影响type="text/css"是必须写的吗？

档的关系；stylesheet就是样式表的意思；CSS是CascadingStyleSheet（级联样式表）的缩写意思是：在<link>标签中，“rel=stylesheet”，rel是关联的意思，关联的是一个样式表(stylesheet)文档，它表示这个link在文档初始化时将被使用。rel是Relations的所写指关联到一个stylesheet（样式表单)。由于目前的CSS还不能抓取rel与rev的属性值，所以没有办法给不同关系的链接提供不同的样式

阅读全文：css的type="text/css"是不是必须写？不写有什么影响type="text/css"是必须写的吗？

1*1px gif透明、黑色Base64编码图片 1x1px大小Data/Base64数据的gif透明图片

调用代码是这样的：<imgsrc="https://ioozu.com/logo.png"/>或者css里这样调用background-image:url("https://ioozu.com/logo.png")那么本文所说的base64要怎么用呢，把图片地址换成通过base64编码的图片代码即可，请看下面的代码：

阅读全文：1*1px gif透明、黑色Base64编码图片 1x1px大小Data/Base64数据的gif透明图片

宝塔面板Nginx-Tengine开启编译ngx_brotli压缩,宝塔面板最新安装ngx_brotli压缩命令

Nginx修改为宝塔集成的Nginx-Tengine，后来又开启了“http_concat_module模块”再后来一起编译了“brotli压缩”现在记录下方便以后会用到。之前有一篇文章写过安装 google/ngx_brotli宝塔面板LNMP开启编译Brotli压缩宝塔面板安装Brotli压缩命令，不过呢，由于 ngx_brotli 程序的发展，所以之前的教程不再适合新的&

阅读全文：宝塔面板Nginx-Tengine开启编译ngx_brotli压缩,宝塔面板最新安装ngx_brotli压缩命令

Debian 8编译Nginx支持TLS1.3,Debian 8编译Nginx添加TLS1.3支持

没有太多的理论细节，主要说下如何在Nginx上快速部署一个支持TLS1.3协议版本的网站。TLS1.3优势TLS1.3相对于之前的版本，主要有两大优势：Enhancedsecurity：安全性增强Improvedspeed：速度提升编译Nginx支持TLS1.3安装篇我这里用的系统是Debian8安装依赖apt-get install git gcc make build-essential -

阅读全文：Debian 8编译Nginx支持TLS1.3,Debian 8编译Nginx添加TLS1.3支持