Zum Inhalt springen
TextArray1.53.0
100% lokal

Markdown-Abzeichengenerator

Erstelle shields.io-Abzeichen für ein README und wickle sie in Markdown, HTML oder reStructuredText.

Mehrere Abzeichen — ein Label|Wert|Farbe pro Zeile für eine Reihe von Abzeichen
Ausgabe
Verwandte Tools
Markdown-Tabellen-GeneratorFormatierung
Markdown-Inhaltsverzeichnis-GeneratorEntwickler-Tools
URLs zu HTML-LinksEntwickler-Tools
LRC-TextgeneratorZufallsgeneratoren
Testen Sie den IBAN-GeneratorZufallsgeneratoren
Zufallsgenerator für NamenZufallsgeneratoren
Markdown-Abzeichengenerator
Jedes README mit einem Build-Status, einer Versionsnummer oder einem Lizenz-Icon oben nutzt ein shields.io-Abzeichen — eine kleine SVG, die aus einem Label, einem Wert und einer Farbe zusammengesetzt wird. Dieses Tool erstellt dieses Abzeichen für dich: Fülle das Label, den Wert und die Farbe aus, wähle einen Stil und optional ein Logo, und es setzt die shields.io-URL zusammen und wickelt sie in das Markup, das dein Projekt tatsächlich nutzt.
Die Stil-Option deckt alle fünf shields.io-Renderings ab — flach, flaches Quadrat, Kunststoff, für-das-Abzeichen und soziale Medien — und das Logo-Feld akzeptiert jeden simple-icons-Slug (github, npm, docker und Hunderte weitere), getönt mit Logo-Farbe, wenn du möchtest, dass sie zum Abzeichen passt. Füge einen Link hinzu und das Abzeichen wird im gerenderten Bild anklickbar; füge Alt-Text hinzu und es bleibt für einen Screenreader aussagekräftig. Das Ausgabeformat wechselt zwischen Markdown, HTML und reStructuredText, sodass das gleiche Abzeichen direkt in ein README, eine Dokumentationsseite oder ein Sphinx-Projekt passt, ohne das Markup manuell zu bearbeiten.
Das Bauen von mehr als einem Abzeichen auf einmal ist das, wofür die zweite Box da ist: Füge eine Liste ein, ein Abzeichen pro Zeile als Label|Wert|Farbe, und das Tool verwandelt es in eine Reihe von Abzeichen nebeneinander — das Muster, das du unter einem Projekttitel mit Build, Coverage, Version und Lizenz alle in einer Zeile siehst. Schalte Sortierung ein, um diese Reihe alphabetisch zu ordnen, oder füge eine Abzeichen-Tabelle hinzu, um die gleiche Menge auch als zweiSpaltiges Nachschlagewerk zu rendern.
Alles läuft in deinem Browser. Das Label, der Wert und jede Bulk-Liste, die du einfügst, werden nur verwendet, um einen URL-String lokal zu erstellen — nichts wird hochgeladen, und das Tool kontaktiert shields.io nie selbst, es schreibt nur den Link. Kopiere das Ergebnis, lade es als .txt-Datei herunter, oder sende es zur Eingabe eines anderen Tools, um weiter zu bearbeiten.
Häufige Fragen
Was ist ein shields.io-Abzeichen genau?
Es ist ein SVG-Bild, das bei Bedarf aus einer URL wie https://img.shields.io/badge/label-value-color erzeugt wird. Dieses Tool erstellt diese URL für dich und wickelt sie in das Markup-Format, das du benötigst.
Warum muss mein Label escaped werden?
shields.io liest einen Bindestrich als Trennzeichen zwischen Label, Wert und Farbe. Schalte "Leerzeichen und Bindestriche escapen" ein und ein wörtlicher Bindestrich oder Leerzeichen in deinem Label wird automatisch verdoppelt oder ersetzt, sodass die URL immer noch richtig geparst wird.
Wie funktioniert der Bulk-Modus?
Füge eine Liste in die zweite Box ein, eine Abzeichen pro Zeile formatiert als Label|Wert|Farbe (die Farbe ist optional und fällt auf die Color-Option zurück). Das Tool rendet sie als eine Reihe von Abzeichen nebeneinander, bereit zum Einfügen unter einem Projekttitel.
Kann ich stattdessen eine benutzerdefinierte Hex-Farbe verwenden?
Ja. Das Farb-Feld akzeptiert entweder einen shields.io-Farbnamen wie brightgreen oder einen Hex-Code wie ff69b4 ohne das voranstehende #.
Wird mein Abzeichen-Text irgendwo hochgeladen?
Nein. Die Abzeichen-URL wird vollständig in deinem Browser aus den Feldern zusammengesetzt, die du ausfüllst — nichts wird an einen Server gesendet, und dieses Tool kontaktiert shields.io nie selbst.