Skip to content

Shields.io

Emblemas concisos, consistentes e legíveis em formato SVG e raster.

ref-reporef-online-toolref-official-doc

Tip

Devido ao grande número de tipos de emblemas suportados por este projeto e às suas funções poderosas, aqui está uma introdução simples aos emblemas estáticos. Para outros tipos de emblemas, consulte a documentação oficial.

Parâmetros

Clique para exibir/fechar os parâmetros

NomeTipoObrigatórioPadrãoDescriçãoMais Observações
ref-params
badgeContentstringtrueRótulo, mensagem (opcional) e cor. Separados por hífensExemplo: build-passing-brightgreen.
ref-querys
stylestringflatEstilo do badgeValores possíveis: flat flat-square plastic for-the-badge social.
logostringSlug dos ícones simple-iconsVocê pode clicar no título do ícone em simple-icons para copiar o slug ou encontrá-los arquivo de slugs.md e no repositório dos simple-icons. Clique aqui para mais informações.
logoColorstringA cor do logoSuporta: hex, rgb, rgba, hsl, hsla e css named colors. Suporte para logotipos dos simple-icons, mas não para logotipos personalizados.
logoSizestringFaça com que os ícones sejam redimensionados de forma adaptável, definindo o modo autoÚtil para alguns logotipos mais amplos como amd e amg. Suporte para logotipos simple-icons mais não para logotipos customizados.
labelstringSubstituir o texto padrão do lado esquerdoURL-Encoding caso precise de espaços ou caracteres especiais!.
labelColorstringCor do logotipoSuporte: hex, rgb, rgba, hsl, hsla e css named colors. Suportado para logotipos de ícones simples, mas não para logotipos personalizados.
colorstringBackground color of the right partSupported: hex, rgb, rgba, hsl, hsla e css named colors.
cacheSecondsstring3600Limite do cache HTTPUnidade: segundos. As regras são aplicadas para inferir um valor padrão por emblema. Quaisquer valores especificados abaixo do padrão serão ignorados.
linkstringEspecifique a ação a ser executada ao clicar no lado esquerdo/direito do emblemaNota: Isso só funciona quando o emblema é incorporado a um <object> tag em HTML, mais não a uma tag <img> ou a uma linguagem markup.
txt
https://img.shields.io/badge/{badgeContent}{?style,logo,logoColor,logoSize,label,labelColor,color,cacheSeconds,link}

Exemplos

markdown
<!-- badges/shields -->
![Badge estática](https://img.shields.io/badge/badges/shields-555555?logo=github)
Badge estática
markdown
![Cor da Badge](https://img.shields.io/badge/F94144-F94144)
Color Badge F94144Color Badge F3722CColor Badge F8961EColor Badge F9844AColor Badge F9C74FColor Badge 90BE6DColor Badge 43AA8BColor Badge 4D908EColor Badge 577590Color Badge 555555Color Badge 277DA1

Readme Widget Hub (v4.3.0) MIT Licensed