Beispiele und Vorlagen

GitHub-Profil-README-Beispiele und Vorlagen

Echte GitHubCard-Profilkarten, ihre Vorlagen und Markdown zum Einfügen in dein README.

Benutzername oder URL

URL-Tipp

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

githubcard.com/torvaldsAus github.com/torvalds wird githubcard.com/torvalds.

02Beispiele

Profilkarten von echten Entwicklern.

Diese Karten wurden mit aktuellen GitHub-Daten exportiert. Kostenlose Exporte behalten das kleine githubcard.com-Wasserzeichen.

GitHub-Profil-README-Beispiel für torvalds
@torvalds — Statistiken, Beitragsserie und Beitrags-Heatmap
GitHub-Profil-README-Beispiel für xiaolai
@xiaolai — Dunkles Profil mit Beitragsserie
GitHub-Profil-README-Beispiel für chrisgrieser
@chrisgrieser — Social-Media-Karte mit Statistikfokus
GitHub-Profil-README-Beispiel für MK2112
@MK2112 — Sprachen- und Aktivitätsübersicht
03Vorlagen

Beginne mit einer Vorlage.

Diese Vorlagen findest du im Profileditor. Wähle eine aus und ordne die Widgets auf der Fläche neu an.

  • Minimal

    Kostenlos

    Statistikbetontes Layout mit Programmiersprachen und Beitragsserie

    800×400

  • Compact

    Kostenlos

    Gestapeltes Layout mit umfassenden Statistiken und Programmiersprachen

    600×300

  • Detailed

    Kostenlos

    Übersicht mit Programmiersprachen und Top-Repositories

    1200×900

  • OG Standard

    Kostenlos

    Open-Graph-Standardbild (1200×630, 1,91:1)

    1200×630

  • Wide Banner

    Kostenlos

    Horizontales Layout mit Sprachdiagramm

    1400×500

  • Comprehensive

    Kostenlos

    Vollständige Statistiken mit Heatmap und Top-Repositories

    1000×1000

  • Language Focus

    Kostenlos

    Deine Programmiersprachen anzeigen

    900×600

  • Activity Tracker

    Kostenlos

    Beitrags-Heatmap mit Statistiken und Aktivitätsdiagramm

    1100×600

  • GitHub Banner

    Kostenlos

    Banner im GitHub-Stil (Seitenverhältnis 3,5:1)

    700×200

  • GitHub Compact

    Kostenlos

    Kompaktes GitHub-Profil (Seitenverhältnis 1,7:1)

    340×200

  • HD Desktop

    Kostenlos

    Full-HD-Desktophintergrund (16:9)

    1920×1080

  • Standard HD

    Kostenlos

    Standard-HD-Format (16:9)

    1280×720

  • Large Square

    Kostenlos

    Großes quadratisches Format für soziale Medien

    1080×1080

  • Universal Portrait

    Kostenlos

    Hochformat-Layout im Verhältnis 2:3 für beide Editoren

    800×1200

  • Terminal Session

    Kostenlos

    Hackergrünes Monospace-Layout auf einem GitHub-Dark-Verlauf

    1200×630

  • Neon Cyberpunk

    Kostenlos

    Magenta- und elektroblaue Leuchteffekte auf fast schwarzem Grund (1080×1080, quadratisch)

    1080×1080

  • Neo-Brutalist

    Kostenlos

    Cremefarbener Grund, markante schwarze Schrift und ein kräftiger orangefarbener Akzent

    1200×630

  • Blueprint Schematic

    Kostenlos

    Technisches Zeichnungsraster mit cyanfarbenen Linien (1200×900)

    1200×900

  • Git Diff

    Kostenlos

    Grün für Ergänzungen und Rot für Löschungen auf GitHub Dark

    1200×630

  • Holographic

    Kostenlos

    Schillernder Pastellverlauf als Kontrast zu den dunklen Designs

    1200×630

  • Synthwave Sunset

    Kostenlos

    Vertikaler Sonnenuntergangsverlauf im Retro-Stil für README-Kopfzeilen

    1400×500

  • Matrix Rain

    Kostenlos

    Matrix-Grün auf tiefem Schwarz mit dezenter fallender Code-Textur

    1200×630

  • Profile Instrument · Identity Ledger

    Kostenlos

    Entwicklerprofil in kleiner Schrift auf warmem E-Paper

    1200×630

  • Profile Instrument · Impact Counter

    Kostenlos

    Olivfarbene LCD-Anzeige mit Fokus auf die Reichweite von Open Source

    1200×630

  • Profile Instrument · Activity Recorder

    Kostenlos

    Beitragsprotokoll auf Endlospapier mit 52 Wochen Aktivität

    1200×630

04Kopieren und einfügen

Füge einen Codeausschnitt in dein README ein.

Füge einen dieser Ausschnitte in die README.md des Repositorys mit deinem Benutzernamen ein.

Live profile card

Standardkarte mit aktuellen GitHub-Daten. Ersetze yourname durch deinen Benutzernamen.

![GitHub profile card](https://githubcard.com/yourname.svg)

Centered with a fixed width

GitHub-READMEs unterstützen einfaches HTML, um eine Karte zu zentrieren.

<p align="center">
  <img src="https://githubcard.com/yourname.svg" width="600" alt="GitHub profile card" />
</p>

Card that links to your designer page

Verlinke das Bild, damit Besucher die vollständige Karte öffnen können.

[![GitHub profile card](https://githubcard.com/yourname.svg)](https://githubcard.com/yourname/card)
05Häufige Fragen

Fragen zu README-Vorlagen

Wie verwende ich eine GitHub-Profil-README-Vorlage?

Gib deinen Benutzernamen ein, öffne den Editor und wähle eine Vorlage. Deine aktuellen Daten füllen das Layout. Vor dem Export kannst du Widgets verschieben und gestalten.

Wo füge ich den README-Code ein?

Erstelle ein öffentliches Repository mit genau deinem Benutzernamen, füge eine README.md hinzu und setze den Markdown-Bildcode an die gewünschte Stelle.

Sind die Vorlagen kostenlos?

Jede Vorlage ist als Kostenlos oder Pro markiert. Kostenlose Exporte tragen ein kleines githubcard.com-Wasserzeichen. Pro Lifetime kostet einmalig 19 US-Dollar, entfernt das Wasserzeichen und enthält Premium-Hintergründe und -Schriften.

Los geht’s

Wähle eine Vorlage und passe sie an.

Gib deinen Benutzernamen ein, um den Editor mit aktuellen Daten und allen Vorlagen zu öffnen.