修改Azure DevOps页面左上角的Logo及系统名称
效果
改之前
修改之后
修改方法
1. 修改文本
使用VS Code打开DevOps IIS站点根目录
进入文件搜索,打开 正则 ,输入 替换的文本
\.BrandName( *)=( *)"Azure"
\.ProductName( *)=( *)"DevOps"
操作步骤如下图所示
PS. BrandName 和 ProductName 实际上两个资源名称,不同类型的语言都会有一个独立的资源文件,调用这个资源文件的js也是对应到语言的,所以改这里会比较好
2. 修改LOGO
不显示内容
关闭 正则,打开 大小写,输入 .ms-Icon--VSTSLogo:before,找到后把content:"\f381" 注释掉
.ms-Icon--VSTSLogo:before{/*content:"\f381 "*/}
减小Logo的宽度,让文本居左
关闭 正则,打开 大小写,输入 .region-header .commandbar-icon,点击 搜索,把width的值改为18px
.region-header .commandbar-icon{font-size:16px;width:18px}
欢迎在评论区留下你宝贵的意见,不论好坏都是我前进的动力(cnblogs 排名提升)!
如果喜欢,记得点赞、推荐、关注、收藏、转发 ... ;)