如何在 Azure Wiki 調整圖片大小

在撰寫和編輯 Azure Wiki 上的內容時,圖片是一種非常有用的方式,能可以更好地傳達訊息並增強文章的可讀性。但有時候圖片的大小會導致可讀性下降,這時候就需要調整圖片的大小,以符合頁面的版面設計或減少圖片的檔案大小。 第一種方式可以用 HTML Tag <IMG src="<圖片網址>" alt="圖片描述" style="width: 500px;"/> 但如果你的圖片是複製貼上來的,會存在於 Azure Wiki 這個 Repo,這時可以這樣設定去等比例縮放大小 ![xxx.jpg](/.attachments/xxx.jpg =500x) 或明確的給寬跟高 ![xxx.jpg](/.attachments/xxx.jpg =500x1000)

2023-07-28 · 1 min · Kyle

用 Mermaid 在 Azure wiki 繪製圖表 - 圓餅圖

在一條龍的 Azure DevOps 平台,當然也存在 KM 功能, 透過 Azure Wiki 與 Workitem 結合,撰寫全貌的文件,能協助團隊更有效地進行開發與協作,其中Wiki 支援 Mermaid 語法來繪製圖表,本篇以圓餅圖作為示範 透過 ::: mermaid 與 ::: 裡面放置 mermaid 語法,即可呈現圖表 ::: mermaid pie title 年度銷售量 "Q1" : 2000 "Q2" : 1500 "Q3" : 3500 "Q4" : 4000 ::: 會產生以下結果 也可以加入 pie showData 讓 Label 呈現數值 也支援小數點數值 只可惜目前在 Azure wiki 無法針對樣式去做設定,但會跟著使用者的 theme 進行適當的配色 Reference https://learn.microsoft.com/zh-tw/azure/devops/project/wiki/wiki-markdown-guidance?view=azure-devops https://mermaid.js.org/syntax/pie.html

2023-03-27 · 1 min · Kyle