Vai al contenuto
100% locale

Generatore di badge markdown

Crea badge shields.io per un README e avvolgili in Markdown, HTML o reStructuredText.

Badge in lotto — un'etichetta|valore|colore per riga, per una fila di badge
Uscita

Generatore di badge markdown

Ogni README che mostra uno stato di compilazione, un numero di versione o un'icona di licenza in alto utilizza un badge shields.io — una piccola immagine SVG composta da un'etichetta, un valore e un colore. Questo strumento crea quel badge per te: compila l'etichetta, il valore e il colore, scegli uno stile e un logo facoltativo, e assemblerà l'URL shields.io e lo avvolgerà nel markup che il tuo progetto utilizza effettivamente.

L'opzione di stile copre tutti e cinque i rendering shields.io — flat, flat-square, plastic, for-the-badge e social — e il campo logo accetta qualsiasi slug simple-icons (github, npm, docker e centinaia di altri), tinto con il colore del logo quando vuoi che corrisponda al badge. Aggiungi un link e il badge diventa cliccabile nella pagina renderizzata; aggiungi testo alternativo e rimane significativo per uno screen reader. Il formato di output passa tra Markdown, HTML e reStructuredText, in modo che lo stesso badge si inserisca direttamente in un README, un sito di documentazione o un progetto Sphinx senza modificare manualmente il markup.

Costruire più badge contemporaneamente è quello per cui è la seconda casella: incolla un elenco, un badge per riga come etichetta|valore|colore, e lo strumento lo trasforma in una fila di badge fianco a fianco — il modello che vedi sotto un titolo di progetto con compilazione, copertura, versione e licenza tutti in una riga. Attiva l'ordinamento per ordinare quella fila alfabeticamente, o aggiungi una tabella di badge per renderizzare anche lo stesso set come riferimento a due colonne. L'opzione di escape gestisce la particolarità shields.io che confonde le persone: un trattino o uno spazio letterale all'interno di un'etichetta deve essere raddoppiato o sostituito prima che l'URL sia valido, e questo strumento lo fa automaticamente a meno che non lo disattivi.

Tutto viene eseguito nel tuo browser. L'etichetta, il valore e qualsiasi elenco in lotto che incolla vengono utilizzati solo per costruire una stringa URL localmente — nulla viene caricato e lo strumento non contatta mai shields.io stesso, scrive solo il link. Copia il risultato, scaricalo come file .txt o invialo all'input di un altro strumento per continuare a modificare.

FAQ

Che cos'è esattamente un badge shields.io?
È un'immagine SVG generata su richiesta da un URL come https://img.shields.io/badge/label-value-color. Questo strumento costruisce quell'URL per te e lo avvolge nel formato di markup di cui hai bisogno.
Perché la mia etichetta ha bisogno di escape?
shields.io legge un trattino come il separatore tra etichetta, valore e colore. Attiva "Escape spazi e trattini" e un trattino o uno spazio letterale nella tua etichetta viene raddoppiato o sostituito automaticamente in modo che l'URL si analizzi ancora correttamente.
Come funziona la modalità in lotto?
Incolla un badge per riga nella seconda casella, formattato come etichetta|valore|colore (il colore è facoltativo e ritorna all'opzione Colore). Lo strumento li renderizza come una fila di badge fianco a fianco, pronto da incollare sotto un titolo di progetto.
Posso usare un colore hex personalizzato invece di un nome?
Sì. Il campo Colore accetta un nome di colore shields.io come brightgreen o un codice hex come ff69b4 senza l'iniziale #.
Il mio testo del badge viene caricato da qualche parte?
No. L'URL del badge viene assemblato completamente nel tuo browser dai campi che compili — nulla viene inviato a un server e questo strumento non contatta mai shields.io stesso.