Repository-Karten erstellen

GitHub-Repository-Karten-Generator

Gestalte Karten mit Star History, Sprachen, Mitwirkenden und Commits. Ändere die GitHub-URL und exportiere SVG, PNG oder eine aktuelle Einbettung.

owner/repo oder URL

URL-Tipp

Füge „card“ direkt nach „github“ in einer GitHub-URL ein. Der Rest bleibt gleich.

githubcard.com/facebook/reactAus github.com/facebook/react wird githubcard.com/facebook/react.

02Gestaltungsfläche

Mach dein Repository leichter verständlich.

Eine Repository-Karte zeigt, worum es im Projekt geht, warum es nützlich ist und wie aktiv es ist.

Repository-Informationen für deine Karte

  • Stars, Forks, Watcher, Issues und Pull Requests
  • Sprachen, Themen, Lizenz und Links
  • Avatare der Mitwirkenden und Repository-Besitzer
  • Star History, Commit-Aktivität und Änderungshäufigkeit
  • Eigener Text für Versionshinweise oder Projektbeschreibung

Gestaltungsfläche

Canvas-Editor

Ordne Repository-Widgets auf einer Fläche an, um dein Projekt auf einer Karte verständlich zusammenzufassen.

Repository-Daten

Über 10 Daten-Widgets

Zeige Stars, Commits, Sprachen, Mitwirkende, Themen, Lizenz und weitere Projektinformationen.

Einbettungen

SVG, PNG, iframe

Nutze dieselbe Karte in READMEs, Dokumentation, Beiträgen, Portfolios und internen Dashboards.

03Exportieren und einbetten

Repository-Karten überall einbetten.

Nutze SVG in Markdown, ein aktuelles iframe in Dokumenten oder eine React-Komponente im Portfolio.

Einbettung in Markdown-READMEs

Bette eine scharfe SVG-Projektkarte in README-Dateien, Dokumentation und statische Websites ein.

![GitHub repo card](https://githubcard.com/owner/repo.svg)

Vorschau für Portfolio und Blog

Exportiere feste PNGs für Projektgalerien, Startbeiträge, Social-Media-Vorschauen und Portfolios.

iframe-Einbettung

Bette mit einem iframe eine aktuelle Projektkarte in Dokumentation, Beiträge oder interne Dashboards ein.

<iframe
  src="https://githubcard.com/facebook/react"
  title="React GitHub repo card"
  loading="lazy"
></iframe>

React-Komponente

Verpacke das SVG in einer kleinen Komponente, um die Größe in Galerien und Portfolio-Apps zu steuern.

function RepoCard() {
  return (
    <img
      src="https://githubcard.com/facebook/react.svg"
      alt="React GitHub repo card"
      loading="lazy"
    />
  );
}
Anleitung zum Einbetten
04Beispiele

Beginne mit einer echten Repository-Karte.

Öffne eine öffentliche Projektkarte und gib oben dein owner/repo ein, um eine Karte mit aktuellen Projektdaten zu erstellen.

05So funktioniert es

In drei Schritten von der GitHub-URL zur Einbettung.

Schritt 01

card zur URL hinzufügen

Füge card nach github in der URL eines öffentlichen Repositorys ein oder gib owner/repo an.

Schritt 02

Projektinhalte auswählen

Wähle Daten zu Aktivität, Entwicklung, Sprachen, Besitz und Projektstatus.

Schritt 03

Karte einbetten

Exportiere SVG oder PNG oder bette eine aktuelle Repository-Karte in Dokumentation, Portfolio oder Beiträge ein.

06Häufige Fragen

Fragen zu Repository-Karten

Was ist ein GitHub-Repository-Karten-Generator?

Er erstellt eine visuelle Karte für ein öffentliches Repository mit Name, Beschreibung, Stars, Forks, Sprachen, Mitwirkenden, Aktivität und weiteren Informationen.

Kann ich eine Repository-Karte auf einer Website oder im README einbetten?

Ja. Exportiere sie als SVG oder PNG für README, Dokumentation, Website, Projektvorstellung oder Portfolio.

Welche Repository-Daten kann GitHubCard anzeigen?

Karten zeigen Stars, Forks, Watcher, Sprachen, Themen, Lizenz, Mitwirkende, Star History, wöchentliche Commits und Änderungshäufigkeit.

Funktionieren die Karten mit öffentlichen Repositorys?

GitHubCard unterstützt öffentliche, keine privaten GitHub-Repositorys. Eine GitHub-Anmeldung kann das API-Anfragelimit erhöhen.

Los geht’s

Gestalte eine Repository-Karte zum Einbetten.

Gib owner/repo oder eine GitHub-Repository-URL ein und öffne den Editor mit aktuellen Projektdaten.

Repository-Karte gestalten