如何在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步的编码字符串可能太长而无法使用。然后，您应该尝试缩小图像的大小（总像素），然后重试。