分类

HTML

Nginx 中对多个网站进行跨域配置

nginx中对于跨域的配置,要启用默认就是: 这样对所有网站都允许跨域请求,如果针对某个网站允许跨域,可以这样: 但是我要针对多个网站允许跨域呢,配置中是不允许同时添加多个网址的,要么为全部允许,要么仅针对某个网址,是不允许Access-Control-Allow-Origin后面添加多个网址。 变通一下,可以这样做多个判断,在server{}添加如下代码,就可以允许多个网站对于本网站进行跨域请求 ...

WordPress 简单代码实现 外链跳转安全提示

通过代码方式实现知乎那种外链跳转提示 可以自行定制提示页面 目前不清楚对搜索引擎是正收益还是负收益 核心代码 使用get传参进行传值,如以下这样 如果需要把网址直接写到url里面,可以自行小调整实现 改写文中所有url地址,进行base64编码 注释掉的那行为url传值,需要自己另外实现方法截取地址请求地址 添加提示页面模板 创建 link-tempate.php 模板文件,用于自定义返回页面内容 ...

OpenResty 对 HTTP/3 的一次尝试

前段时间,也就是今年一月份左右,OpenResty 1.25.3.1 正式添加了对http/3的正式支持,那时候盼星星盼月亮等待着1Panel面板对 OpenResty 容器版本的更新。 直到四月,终于迎来了1Panel面板 OpenResty 容器的新版推送,但不是最新的 1.25 版本,而是去年的 1.21 版本。 没办法,自己动手,丰衣足食。 逛了一遍 1Panel 的论坛,发现这次 Ope ...

为Nginx站点添加防盗链

如果你发现网站没什么人访问但是服务器流量却哗哗的走,有一种可能是你的静态资源被盗用了,别人网站展示的图片,却从你的服务器上加载。 作用 主要防止其他网站直接引用自己网站的资源 原理 正常用户,正常浏览器,浏览A网站加载图片的时候,会在HTTP的头信息携带Referer这个参数,里面包含了A网站的网址。 Nginx通过检查HTTP的头携带的Referer参数,判断是否是自己的网址,如果不是,则拒绝访 ...
文章缩略图

Chrome Edge浏览器 HTTP2 Timing 研究分析

队列 Queueing 因为有“队头阻塞”,浏览器对每个域名最多开 6 个并发连接(HTTP/1.1),当页面里链接很多的时候就必须排队等待(Queued、Queueing)。此参数表示从添加到待处理队列,到实际开始处理的时间间隔。 在HTTP/2里面,一个域只需要建立一次TCP连接就可以传输多个资源。多个数据流/信号通过一条信道进行传输,充分地利用高速信道,就叫多路复用(Multiplexing ...

WordPress文章中自动转义"&"成"&038;"

今天发现在文章内用自定义html写js时,&号会被自动转义成 &038; 。 html元素转义不要紧,但是js转义就直接报错了。 网上说在 function 里加各种代码都不行。 分享一个官方的解决方法: https://codex.wordpress.org/Using_Javascript 在自定义html内写入: 这时候就算换行,wordpress也不会给你加入<p&g ...

冷门的css属性:initial

分享一个比较强硬的属性, 可以把几乎所有css属性进行重置。前端在 ctrl + c 时就不用这么痛苦检查样式了,虽然没办法像 <iframe src="..."></iframe> 那样彻底隔离 css 和 js 。 一键隔离所有父级css属性: 还可以单独还原css属性默认值: 属性值 值 描述 initial 修改所有元素属性的值为其初始化值 inherit 修改所有元素属性的值 ...

2024纯代码美化WordPress登录页

内容来自:https://www.iowen.cn/chundaimameihuawordpressmorendengluye/ PHP源代码: 将代码添加到WordPress主题的“functions.php”文件中即可。 我试了一下,踏马直接报错 毕竟两年前的文章,还是要修改一下才行。 上修复后的代码: $ico 里替换自己logo。 $img 里替换左边图标 css里没适配多语言切换按钮,只 ...

极简版自建一言语句php

查看效果:https://www.krjojo.com/resources/sentences/ 这是hitokoto原版效果:https://v1.hitokoto.cn/ 简直就是一模一样。 优点: 缺点: 一言数据来自:https://github.com/hitokoto-osc/sentences-bundle 一言开源社区官方提供的语句库,系 hitokoto.cn 数据打包集合。 2 ...
HTML 信息技术

解决动态ajax/pjax加载mathjax不生效问题

在每次跳转的脚本后面添加执行脚本 如 window.pjaxLoaded = function(){ //页面每次跳转都会执行这里的代码 //do something... } 里面添加 $.getScript("//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_CHTML", function( ...