README-Auswahlgenerator (Shields.io-Stil)

Generator für README-Abzeichen

Der Generator für README-Abzeichen erstellt pixelgenaue Shields.io-ähnliche Abzeichen direkt im Browser. Wählen Sie eine Vorlage oder erstellen Sie ein eigenes Etikett und Nachricht, wählen Sie Farben und eine Stilart (flach, flach-quadratisch, für-das-Abzeichen oder plastisch) und erhalten Sie bereit für die Verwendung Markdown-, HTML-, SVG- und Daten-URL-Ausgaben. Keine Aufrufe an externe APIs, keine Netzwerkabhängigkeit, keine fehlerhafte Abzeichen, wenn der Dienst ausfällt — die SVG wird clientseitig generiert und eingebettet.

Nutzung

1. Wählen Sie eine Vorlage aus dem Dropdown-Menü „Vorlage“ aus oder behalten Sie „Benutzerdefiniert“ bei und füllen Sie Ihr eigenes Etikett und Ihre Nachricht aus.
2. Wählen Sie eine Farbe für das Etikett und eine Farbe für die Nachricht — vordefinierte Shields.io-Farben oder eine benutzerdefinierte Hex-Farbe.
3. Wählen Sie einen Abzeichenstil: flach, flach-quadratisch, für-das-Abzeichen oder plastisch.
4. Beobachten Sie, wie die Live-Vorschau auf hellen und dunklen Hintergründen aktualisiert wird.
5. Kopieren Sie den Markdown-, HTML-, URL- oder Roh-SVG-Code — oder laden Sie die SVG-Datei herunter.

Funktionen

• Vier Abzeichenstile – Flach, flach-quadratisch, für-das-Abzeichen (großgeschrieben, höher) und Plastik mit Graduierung.
• Vorlagen enthalten – Version, Lizenz, Build-Status, Abdeckung, Downloads, Sterne und Vorlage „mit Liebe erstellt“.
• Live-Vorschau – Sofortige Darstellung mit einem Wechsel zwischen hellen und dunklen Hintergründen, damit Sie sehen können, wie das Abzeichen in verschiedenen README-Themen aussieht.
• Vier Ausgabeformate – Markdown, HTML-Img-Tag, SVG-Daten-URL und Roh-SVG-Code.
• Selbstständige SVG-Datei – Der Text wird als echte SVG-Textknoten dargestellt mit gemessenen Breiten, Schatten und gerundeten Ecken, wo dies angebracht ist.
• Benutzerdefinierte Farben – Standardpalette von Shields.io plus freie Hex-Farbwaehler.
• 100% clientseitig – Keine API-Aufrufe, keine Verfolgung, keine Geschwindigkeitsbeschränkungen. Funktioniert offline, sobald die Seite geladen ist.
• Einfacher Kopier- und SVG-Download – Exportieren Sie eine standalone .svg-Datei, um sie in jedes Repository einzufügen.

Häufige Anwendungsfälle

• Open-Source-READMEs – Signalisieren Sie den Build-Status, Version, Lizenz, Abdeckung oder Downloadanzahl auf einen Blick.
• Projekt-Dashboards – Integrieren Sie konsistente Status-Abzeichen in interne Wikis und Dokumentationsseiten.
• Portfolio-Webseiten – Dekorieren Sie Projekt-Karten mit stilisierten Tags, ohne externe Bilddienste zu laden.
• Marketing-Seiten – Verwenden Sie „mit“ und benutzerdefinierte Abzeichen als leichte Akzentgrafiken.
• Offline-Dokumentation – Versenden Sie Abzeichen, die auch hinter Firewalls funktionieren, die shields.io blockieren.

Warum Abzeichen lokal zu generieren?

Remote-Abzeichen-Dienste sind bequem, aber sie führen jedes Mal, wenn jemand Ihre README lädt, zu einem Netzwerk-Hop. Wenn diese Dienste langsamer werden, rate-limitet werden oder ihre Standardwerte ändern, brechen Ihre Abzeichen schweigend. Ein lokal generiertes SVG ist eine einzelne statische Datei — es wird überall angezeigt, wo Markdown oder HTML funktioniert, wird mit Ihrem Repository geliefert und überlebt Dienstausfälle. Außerdem haben Sie vollständige Kontrolle über Farben, Abstand und Schriftgewicht, sodass Abzeichen eine konsistente visuelle Stilisierung über die gesamte Organisation ermöglichen.