自建 favicon 反代服务

2024-10-30 发布于wordpress使用

创建一个gstatic.cn的图标 favicon 反代服务,主要就是配置 Nginx 反向代理或者设置宝塔面板相关配置,本文重要以宝塔配置为例,其他的请自行处理。

1、在宝塔站点管理里新建一个站点,或者使用现有站点(如我的 nav.iowen.cn)

2、打开宝塔的【站点设置】->「伪静态」,如下图。

自建 favicon 反代服务

3、添加下面代码

location /faviconV2 {
	 proxy_pass https://t1.gstatic.cn/faviconV2;
	 proxy_set_header Host t1.gstatic.cn;
	 proxy_ssl_server_name on;
	 
	 if ( $uri ~* "\.(gif|png|jpg|css|js|woff|woff2)$" )
	 {
	 	 expires 1m;
	 }
	 proxy_ignore_headers Set-Cookie Cache-Control expires;
	 proxy_cache cache_one;
	 proxy_cache_key $host$uri$is_args$args;
	 proxy_cache_valid 200 304 301 302 1m;
}

注意:

  • location /faviconV2 这行的 faviconV2?可以改为其他不影响原站业务的路径。
  • t1.gstatic.cn 可以改为 t0.gstatic.cn t1.gstatic.cn t2.gstatic.cn t3.gstatic.cn (请任选一个)
  • 如果服务器在境外,.cn 可以改为 .com

选择就可以通过你的域名访问图标了,比如我的:https://nav.iowen.cn/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&size=128&url=https://iotheme.cn

4、配置主题设置

使用5.0版本的主题只需要到【主题设置】【其他功能】【favicon 图标源】里填写下面代码即可,注意域名换成你的。

https://nav.iowen.cn/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&size=128&url=%url%

使用4.0版本的主题照下图设置

自建 favicon 反代服务

 

进阶用法

比如想这样访问:https://nav.iowen.cn/faviconV2?&url=https://iotheme.cn

比如想限制只能 *.iowen.cn 访问

规则如下,自己看着修改一下吧

location /faviconV2 {
	 # 校验 Referer 或 Origin(防止跨站滥用)
	 if ($http_referer !~* "^https?://([a-z0-9-]+\.)*iowen\.cn(/|$)") {
	 	 return 403 "Access denied";
	 }
	 # 自动补全参数并拼接原始请求中的 $arg_url
	 set $args "client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&size=128&url=$arg_url";

	 proxy_pass https://t1.gstatic.cn/faviconV2;
	 proxy_set_header Host t1.gstatic.cn;
	 proxy_ssl_server_name on;

	 if ( $uri ~* "\.(gif|png|jpg|css|js|woff|woff2)$" ) {
	 	 expires 1m;
	 }
	 proxy_ignore_headers Set-Cookie Cache-Control expires;
	 proxy_cache cache_one;
	 proxy_cache_key $host$uri$is_args$args;
	 proxy_cache_valid 200 304 301 302 1m;
}

 

 

仍然有问题? 我们要如何帮助您?
One Nav 导航主题