如何在shields.io徽章中使用「徽標」選項？

Question

如何使用shields.io badges中的logo選項？

例如，像

沒有給出預期的結果。

Answer 1

你需要爲Base64標誌 您可以使用http://b64.io/你PNG轉換爲Base64編碼 的鏈接必須是實體逃脫 你的形象是爲URI太大，可以將其擴展到高度14px的。

Answer 2

這裏是一個3步指南使用一個標誌，例如the GitHub logo，在盾/徽章。

1. 編碼以Base64圖像。

   從Wikipedia

   Base64是一組類似的二進制到文本編碼方案，通過將其轉化爲基數64表示代表ASCII字符串格式的二進制數據。術語Base64起源於特定的MIME內容傳輸編碼。

   下載the image並使用許多在線工具之一，例如， http://b64.io/，對其進行編碼。
   結果是一個以data：image/png; base64，開頭的字符串，後面跟着一串很長的字符。

2. 編碼百分比編碼的Base64字符串。

   從百分比編碼Wikipedia

   ，也被稱爲URL編碼，爲在某些情況下在一個統一資源標識符（URI）編碼的信息的機制。雖然它被稱爲URL編碼，但實際上，它更常用於包含統一資源定位符（URL）和統一資源名稱（URN）的主統一資源標識符（URI）集。

   以非常長的Base64字符串並使用（再次）許多在線工具之一，例如， http://meyerweb.com/eric/tools/dencoder/，對字符串進行編碼。
   某些字符將被替換爲%後跟兩個十六進制數字。例如，/被替換爲%2F。

3. 最後，在?logo=後面加上編碼後的字符串到你的盾牌URL。舉例來說：https://img.shields.io/badge/gadget-Raspberry%20Pi-pink.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMTIgMTIgNDAgNDAiPjxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0zMiwxMy40Yy0xMC41LDAtMTksOC41LTE5LDE5YzAsOC40LDUuNSwxNS41LDEzLDE4YzEsMC4yLDEuMy0wLjQsMS4zLTAuOWMwLTAuNSwwLTEuNywwLTMuMiBjLTUuMywxLjEtNi40LTIuNi02LjQtMi42QzIwLDQxLjYsMTguOCw0MSwxOC44LDQxYy0xLjctMS4yLDAuMS0xLjEsMC4xLTEuMWMxLjksMC4xLDIuOSwyLDIuOSwyYzEuNywyLjksNC41LDIuMSw1LjUsMS42IGMwLjItMS4yLDAuNy0yLjEsMS4yLTIuNmMtNC4yLTAuNS04LjctMi4xLTguNy05LjRjMC0yLjEsMC43LTMuNywyLTUuMWMtMC4yLTAuNS0wLjgtMi40LDAuMi01YzAsMCwxLjYtMC41LDUuMiwyIGMxLjUtMC40LDMuMS0wLjcsNC44LTAuN2MxLjYsMCwzLjMsMC4yLDQuNywwLjdjMy42LTIuNCw1LjItMiw1LjItMmMxLDIuNiwwLjQsNC42LDAuMiw1YzEuMiwxLjMsMiwzLDIsNS4xYzAsNy4zLTQuNSw4LjktOC43LDkuNCBjMC43LDAuNiwxLjMsMS43LDEuMywzLjVjMCwyLjYsMCw0LjYsMCw1LjJjMCwwLjUsMC40LDEuMSwxLjMsMC45YzcuNS0yLjYsMTMtOS43LDEzLTE4LjFDNTEsMjEuOSw0Mi41LDEzLjQsMzIsMTMuNHoiLz48L3N2Zz4%3D對應於。你可以嘗試使用這個。

提示：有時第2步或第3步的編碼字符串可能太長而無法使用。然後，您應該嘗試縮小圖像的大小（總像素），然後重試。