Ga naar inhoud
100% lokaal

Markdown-badge-generator

Maak shields.io-badges voor een README en verpak ze in Markdown, HTML of reStructuredText.

Meerdere badges — één label|waarde|kleur per regel voor een rij badges
Uitvoer

Markdown-badge-generator

Elk README met een build-status, versienummer of licentie-icoon bovenaan gebruikt een shields.io-badge — een kleine SVG samengevoegd uit een label, waarde en kleur. Deze tool bouwt die badge voor je: vul het label, waarde en kleur in, kies een stijl en optioneel logo, en het stelt de shields.io-URL samen en pakt het in in het markup dat jouw project werkelijk gebruikt.

De stijloptie dekt alle vijf shields.io-renderings — plat, plat vierkant, plastic, voor het badge en sociaal — en het logovereld accepteert elk simple-icons slug (github, npm, docker en honderden meer), getint met logokleur wanneer je wilt dat het bij het badge past. Voeg een link toe en het badge wordt klikbaar in de weergegeven pagina; voeg alt-tekst toe en het blijft betekenisvol voor een schermlezer. Uitvoerformat schakelt tussen Markdown, HTML en reStructuredText, dus dezelfde badge gaat direct in een README, een docs-site of een Sphinx-project zonder handmatig markup bewerken.

Meerdere badges tegelijk bouwen is wat het tweede vak is voor: plak een lijst, één badge per regel als label|waarde|kleur, en de tool zet het om in een rij badges naast elkaar — het patroon je ziet onder een projecttitel met build, coverage, versie en licentie allemaal in één regel. Zet sortering aan om die rij alfabetisch in te dienen, of voeg een badge-tabel toe om dezelfde set ook als twee-koloms verwijzing weer te geven. De escape-optie verwerkt de ene shields.io-eigenzinnigheid die mensen in de war brengt: een letterlijk streepje of spatie in een label moet worden verdubbeld of vervangen voordat de URL geldig is, en deze tool doet het automatisch tenzij je het uitschakelt.

Alles draait in je browser. Het label, waarde en bulk-lijst die je plakt worden alleen gebruikt om lokaal een URL-string samen te stellen — niets wordt geüpload, en deze tool roept shields.io nooit zelf aan, het schrijft gewoon de link. Kopieer het resultaat, download het als .txt-bestand, of stuur het naar invoer van een ander tool om door te gaan met bewerken.

FAQ

Wat is precies een shields.io-badge?
Het is een SVG-afbeelding die op aanvraag wordt gegenereerd uit een URL zoals https://img.shields.io/badge/label-value-color. Deze tool bouwt die URL voor je en verpakt het in het markup-format dat je nodig hebt.
Waarom moet mijn label worden escaped?
shields.io leest een koppelteken als scheidingsteken tussen label, waarde en kleur. Zet "Spaties en koppeltekens escapen" aan en een letterlijk koppelteken of spatie in je label wordt automatisch verdubbeld of vervangen zodat de URL nog steeds correct wordt geparseerd.
Hoe werkt de bulk-modus?
Plak een lijst in het tweede vak, één badge per regel opgemaakt als label|waarde|kleur (de kleur is optioneel en valt terug op de Color-optie). Het tool rendert ze als een rij badges naast elkaar, klaar om onder een projecttitel in te voegen.
Kan ik in plaats daarvan een aangepaste hex-kleur gebruiken?
Ja. Het Kleur-veld accepteert ofwel een shields.io-kleurnaam zoals brightgreen ofwel een hexcode zoals ff69b4 zonder het leidende #.
Wordt mijn badge-tekst ergens geüpload?
Nee. De badge-URL wordt volledig in je browser samengesteld vanuit de velden die je invult — niets wordt naar een server gestuurd, en deze tool roept shields.io nooit zelf aan.