1. 场景说明
- 按照公司设计部门的统一规划,领导要求替换Azure DevOps Server 网站的收藏夹图标(Favorite Icon),效果如下图:
- 什么是faverites icon
所谓Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。
2. 操作说明
- 自己制作一个ico结尾的文件,替换应用层服务器中下列目录中的同名文件;
- 制作icon的方法有很多,可以使用专业的工具例如photoshop;也可以使用最简洁的方法,例如使用微信截屏功能获得一张正方形的图片,在上传到在线制作icon的网站中(https://onlineconvertfree.com/icon-generator ),自动生成一个icon文件。
C:\Program Files\Azure DevOps Server 2020\Application Tier\Web Services_static\content\icons\favicon.ico
3. 其他演示
更改Azure DevOps Server的原生界面(一、概述)
更改Azure DevOps Server的原生界面(二、更改网站图标favorites icon)
更改Azure DevOps Server的原生界面(三、更改网站logo)
更改Azure DevOps Server的原生界面(四、集合主页的相关页面)
更改Azure DevOps Server的原生界面(五、更改网站标题)
如果需要,你还可以从微软Azure DevOps Server 的在线文档,查询更多的权威资料,也欢迎通过下面的联系方式与我沟通,相互学习,相互提高!
https://www.cnblogs.com/danzhang
Azure DevOps MVP 张洪君