1. 場景說明

某日公司領導提出意見，認為每個系統都有一箇中文名稱，這個Azure DevOps Server名稱比較長，簡稱AZ DevOps Server也沒短多少，讀起來還非常拗口，需要將名稱改為大家常用的系統名稱，例如叫”研發平臺“，並且需要在頁面中展示出來，替換掉Azure DevOps這些字元，還需要更改為公司統一的文字格式，如下圖：

2. 操作方法

更改文字內容

• 在每個節點應用伺服器上，找到對應的配置檔案：C:\Program Files\Azure DevOps Server 2020\Application Tier\Web Services_static_ext\ms.vss-tfs-web\platform-content\L10N\zh-Hans\ms.vss-tfs-web.platform-content.es6.Pl5oWpL3jKlzkrzH.min.js

• 使用管理員身份開啟檔案文字編輯器（例如notepad），找到下面的這段程式碼，修改其中的內容

t.Resources.ProductName="研發平臺",
.......
t.Resources.BrandName="北京巨集軟",

• 儲存後，客戶端需要重新整理頁面，清除快取才能看到更改生效，如前面的截圖

更改顏色或其他格式

• 在每個節點應用伺服器上，找到對應的格式檔案：
  C:\Program Files\Azure DevOps Server 2020\Application Tier\Web Services_static\tfs\Dev18.M181.6_ext\ms.vss-tfs-web\frame-content\ms.vss-tfs-web.frame-content.min.css
  將控制網站名稱格式的css（suite-logo .brand）修改為自己的設計：

.suite-logo .brand{width:212px;color:red}

重新整理頁面清除快取後，即可出現前面截圖的樣式

3. 其他演示

• 更改Azure DevOps Server的原生介面（一、概述）

• 更改Azure DevOps Server的原生介面（二、更改網站圖示favorites icon)

• 更改Azure DevOps Server的原生介面（三、更改網站logo)

• 更改Azure DevOps Server的原生介面（四、集合主頁的相關頁面)

• 更改Azure DevOps Server的原生介面（五、更改網站標題)

• 更改Azure DevOps Server的原生介面（六、更改網站名稱)

如果需要，你還可以從微軟Azure DevOps Server 的線上文件，查詢更多的權威資料，也歡迎通過下面的聯絡方式與我溝通，相互學習，相互提高！

https://www.cnblogs.com/danzhang
Azure DevOps MVP 張洪君