自建 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 反代服务
仍然有问题? 我们要如何帮助您?
One Nav 导航主题