Schnellvorlagen
Ein-Klick-Vorlagen fuer die gaengigsten Badges: npm-Version, Build passing, Coverage, MIT-Lizenz, TypeScript, PRs willkommen, Downloads und Node.js. Jede verwendet sinnvolle Standards und ein passendes Shields.io-Logo.
Markdown Badge-Generator
shields.io-Badges fuer npm, Build, Coverage, Lizenz, TypeScript und mehr generieren. Ein-Klick-Kopieren.
Quick presets
Zusammenfassung — Was Markdown Badge-Generator macht
Was dieses kostenlose Tool ist
Der kostenlose Markdown-Badge-Generator erstellt Shields.io-Badge-Markdown fuer Ihre README. Waehlen Sie aus Schnellvorlagen (npm, Build, Coverage, Lizenz, TypeScript) oder erstellen Sie vollstaendig benutzerdefinierte Badges mit Label, Nachricht, Farbe, Stil, Logo und Link.
Datenschutz: Dieses Tool läuft vollständig in deinem Browser. Dein Text wird niemals hochgeladen, protokolliert oder zwischengespeichert. Schließe den Tab und alles ist weg. Überprüfe es in DevTools → Network: keine Anfragen.
Warum es kostenlos ist (und wie wir es kostenlos halten)
Badges sind das Erste, was Leute an Ihrer README sehen. Sie von Hand zu erstellen, bedeutet Herumfummeln mit URL-Kodierung.
Verwendungstabelle
Auf einen Blick
| Eingabe | Ausgabe | Typische Größe | Geschwindigkeit | Anmeldung erforderlich |
|---|---|---|---|---|
| Preset selection or custom form | Badge Markdown lines | Any README | Real-time | No |
Markdown Badge-Generator — Funktionen
Hier erfährst du im Detail, was dieses kostenlose Tool kann — jede Funktion löst echte Probleme, läuft vollständig im Browser und ist für immer kostenlos.
Benutzerdefinierter Badge-Builder
Volle Kontrolle ueber Label, Nachricht, Farbe, Stil (flat, flat-square, plastic, for-the-badge, social), Logo (jeder Simple-Icons-Name), Logo-Farbe und Link-URL. Das benutzerdefinierte Formular erzeugt ein Shields.io-Badge mit korrekter URL-Kodierung.
Live-Vorschau
Sehen Sie jedes Badge als Bild im Vorschaubereich gerendert. Die Bilder werden von Shields.io geladen, sodass Sie genau sehen, was in Ihrer README erscheinen wird.
Multi-Badge-Ausgabe
Fuegen Sie so viele Badges hinzu, wie Sie benoetigen. Die Ausgabe ist ein Badge pro Zeile -- fuegen Sie den Block oben in Ihrer README ein. Entfernen Sie einzelne Badges mit einem Klick.
Um den Rest Ihrer README zu generieren, verwenden Sie den Kostenlosen README-Generator.
So verwendest du Markdown Badge-Generator
Schritt 1 — Badges hinzufuegen
Klicken Sie auf Vorlagen fuer gaengige Badges oder erstellen Sie benutzerdefinierte mit dem Formular.
Schritt 2 — Vorschau
Pruefen Sie die Live-Vorschau, um zu sehen, wie jedes Badge dargestellt wird.
Schritt 3 — Fuer Ihre README kopieren
Kopieren Sie die Markdown-Zeilen und fuegen Sie sie oben in Ihrer README ein.
Wer dieses Tool nutzen kann
Open-source maintainers
Add professional-looking badges to your README in seconds.
Package authors
Show npm version, build status, and coverage at a glance.
Developers writing READMEs
Skip the shields.io URL builder and get badge Markdown instantly.
Team leads
Standardize badge sets across all team repositories.
Technical writers
Embed status badges in documentation for quick project health checks.
Häufig gestellte Fragen
Ist dieser Badge-Generator kostenlos?
Ja. Fuer immer kostenlos, kein Konto erforderlich.
Welchen Badge-Dienst verwendet er?
Shields.io. Badges werden auf GitHub, GitLab, Bitbucket, npm und ueberall dort gerendert, wo Markdown-Bilder funktionieren.
Kann ich Farben und Stile anpassen?
Ja. Das benutzerdefinierte Formular unterstuetzt Label, Nachricht, Farbe, 5 Stile, Logo, Logo-Farbe und Link.
Welche Vorlagen sind verfuegbar?
npm-Version, Build passing, Coverage, MIT-Lizenz, TypeScript, PRs willkommen, Downloads und Node.js.
Werden meine Daten hochgeladen?
Nein. Badge-Markdown wird clientseitig generiert. Vorschaubilder werden von Shields.io geladen.