修改OpenWebUI title和网站名【新加上只需要一张图标即可替换全部logo和favicon】,百分百可用

想改一下 webui 的标题信息,用这位佬的方法试了 免修改不影响更新!自定义 OpenWebUI 图标与删除网站名中的 (Open WebUI) json 里面返回的修改没问题,title 还是原来的,琢磨着把 title 的也修改了。下面是配置

location / {
		    proxy_set_header X-Real-IP $remote_addr;
		    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		    proxy_set_header X-Forwarded-Proto $scheme;
		    # WebSocket 支持
		    proxy_set_header Upgrade $http_upgrade;
		    proxy_set_header Connection "upgrade";
		    # 禁用后端压缩,确保替换生效
		    proxy_set_header Accept-Encoding "";

		    # 避免乱码
		    charset utf-8;
		    add_header Content-Type "text/html; charset=utf-8"; 
		    sub_filter_types text/html application/json;  # 允许修改 HTML 和 JSON 类型,这里用 * 也可以,性能差点
		    sub_filter_once off;
		    sub_filter '<title>Open WebUI</title>' '<title > 你的网站名</title>';
		    sub_filter '"name":"Open WebUI"' '"name":"你的网站名"';
			proxy_pass http://127.0.0.1:8080;
		    index  index.html index.htm;
		}

如果出现title乱码,看一下你的nginx conf 是不是UTF-8,如果不是就需要转成UTF-8

慢的话可以试着强制压缩下openwebui的js,在我这边效果还可以,在nginx 的 http 块下面增加以下配置

        gzip on;  # 开启 Gzip
	gzip_disable "msie6";  # 不对 IE6 及更早版本启用压缩(可选,根据实际情况)
	gzip_min_length 1000;  # 最小压缩文件大小(字节),小于此大小不压缩
	gzip_proxied any;      # 对所有代理请求启用压缩(包括来自后端服务的响应)
	gzip_comp_level 8;    # 压缩级别(1-9,数字越大压缩率越高,CPU 消耗也越大)
	gzip_types text/plain text/css application/json application/javascript text/xml 
        application/xml application/xml+rss text/javascript;  # 要压缩的 MIME 类型

2025-03-06 更新加上替换logo等图标
在nginx中增加

	#代理logo
	location ~ ^/static/(favicon|logo|splash)\.png$ {
	    alias E:/software/nginx-1.27.1/html/webui/图标.png; #指向你的图标路径
	    #alias E:/software/nginx-1.27.1/html/webui/$1.png; #如果需要分开代理则使用这个,在目录下需要放对应的图片
	}

	#代理favicon
	location ~ ^/favicon/ {
	    alias E:/software/nginx-1.27.1/html/webui/图标.png; #把favicon下的图片统一指向logo.png
	    
	    location ~ \.svg$ {
		types { } default_type image/svg+xml;
	    }
	    
	    location ~ \.ico$ {
		types { } default_type image/x-icon;
	    }
	    
	   
	    default_type image/png;
	}
48 个赞

排版可以修改一下,现在这个断裂了,不利于一次性复制 :joy:

1 个赞

已经改了 :tieba_087: 之前代码排版弄错了

1 个赞

太强了,大佬

感谢楼主分享关于修改openwebui title和网站名的方法,这个修改还是很有意思的。

大佬太强了

替换网站标题可以用1paenl的字符替换!再后端直接替换掉!关键是替换LOGO!!!

还可以过滤修改其他内容

替换logo更简单,直接把它访问的logo地址代理了就行

可以试一下,在我这边没问题

#代理logo
	location ~ ^/static/(favicon|logo|splash)\.png$ {
	    alias E:/software/nginx-1.27.1/html/webui/图标.png; #指向你的图标路径
	    #alias E:/software/nginx-1.27.1/html/webui/$1.png; #如果需要分开代理则使用这个,在目录下需要放对应的图片
	}

	#代理favicon
	location ~ ^/favicon/ {
	    alias E:/software/nginx-1.27.1/html/webui/图标.png; #把favicon下的图片统一指向logo.png
	    
	    location ~ \.svg$ {
		types { } default_type image/svg+xml;
	    }
	    
	    location ~ \.ico$ {
		types { } default_type image/x-icon;
	    }
	    
	   
	    default_type image/png;
	}

你这个修改的是直接在源码中修改,还是在1paenl的配置文件中添加?还有你代码显示图标直接调用本地的吗?可以加微信讨论下吗?

可以的,你微信私发我一下吧

在1panel 可以这样

然后把你的图片上传到对应位置

4 个赞

可以使用图床图标吗

本地目录改成下面这样就可以了
proxy_pass 你图床的图片地址;
比如
proxy_pass https://img.com/logo.png;

请教一下,Open web的模型的图标是不是只能一个一个替换?


按你的还是不行哦!是不是哪里有问题!

用绝对路径试试看,或者直接放在proxy的conf文件里面试试看,我的webui没有用1panel发布,不过它的配置是通用的

不用,按我上面的修改它的默认图标就会统一变了

感谢分享