18 KiB
GitHub Readme Statistiken
Zeige dynamisch generierte GitHub-Statistiken in deinen Readmes!
Beispiele ansehen · Fehler melden · Funktion wünschen
Français · 简体中文 · Español · Deutsch · 日本語 · Português Brasileiro · Italiano · 한국어 . Nederlands . नेपाली . Türkçe
Du magst das Projekt? Wie wäre es mit einer kleinen Spende um es weiterhin am Leben zu erhalten?
Funktionen
GitHub Statistiken-Karte
Kopiere folgendes in deine Readme um die Statistiken zu benutzen.
Passe den Wert des URL-Parameters ?username=
so an, dass dort dein GitHub-Nutzername steht.
[![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
Hinweis: Die Berechnung des Ranges basiert auf den jeweiligen Benutzerstatistiken, siehe src/calculateRank.js
Verbergen individueller Statistiken
Um eine spezifische Statistik auszublenden, kann dem Query-Parameter ?hide=
ein Array an Optionen, die nicht angezeigt werden sollen, übergeben werden.
Optionen:
&hide=stars,commits,prs,issues,contribs
![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","prs"])
Symbole anzeigen
Um Symbole anzuzeigen kann der URL-Parameter show_icons=true
wie folgt verwendet werden:
![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true)
Erscheinungsbild/Themes
Mithilfe der eingebauten Themes kann das Aussehen der Karten verändern werden, ohne manuelle Anpassungen vornehmen zu müssen.
Benutze den ?theme=THEME_NAME
-Parameter wie folgt :-
![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
Alle eingebauten Themes :-
dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontrast, dracula
Du kannst dir eine Vorschau aller verfügbaren Themes ansehen oder die theme config Datei ansehen. Außerdem kannst du neue Themes erstellen, Beiträge an diesem Projekt sind gerne gesehen! :D
Anpassungen/Personalisierung
Du kannst das Erscheinungsbild deiner Stats Card
oder Repo Card
, mithilfe von URL-Parametern, nach deinen Vorlieben anpassen.
Verbreitete Optionen:
title_color
- Titelfarbe (hex color)text_color
- Textkörperfarbe (hex color)icon_color
- Symbolfarbe (falls verfügbar) (hex color)bg_color
- Hintergrundfarbe (hex color) oder ein Farbverlauf in der Form von winkel,start,endehide_border
- Blendet den Rand der Karte aus (Boolean)theme
- Name des Erscheinungsbildes/Themes alle verfügbaren Themescache_seconds
- manuelles festlegen der Cachezeiten (min: 14400, max: 86400)locale
- Stellen Sie die Sprache auf der Karte ein (z.B. cn, de, es, etc.)
Farbverlauf in bg_color
Du kannst mehrere, mit Kommas separierte, Werte in der bg_color Option angeben, um einen Farbverlauf anzuzeigen. Das Format ist:-
&bg_color=WINKEL,FARBE1,FARBE2,FARBE3...FARBE10
Hinweis bzgl. des Caches: Wenn die Anzahl der Forks und Stars geringer als 1 Tsd. ist, haben die Repo-Cards eine Standard-Cachezeit von 30 Minuten (1800 Sekunden), ansonsten beträgt diese 2 Stunden (7200 Sekunden). Außerdem ist der Cache auf ein Minimum von 30 Minuten und ein Maximum von 24 Stunden begrenzt.
Exklusive Optionen der Statistiken-Karte:
hide
- Verbirgt die angegeben Elemente (mit Komma abgegrenzte Werte)hide_title
- (Boolean)hide_rank
- (Boolean)show_icons
- (Boolean)include_all_commits
- Zähle alle Beiträge anstatt nur das aktuelle Jahr (Boolean)count_private
- Zähle private Beiträge (Boolean)line_height
- Legt die Zeilenhöhe zwischen Text fest (Zahl)
Exklusive Optionen der Repo-Karte:
show_owner
- Zeigt den Besitzer des Repos (Boolean)
Exklusive Optionen der Sprachen-Karte:
hide
- Verbirgt die angegebenen Sprachen von der Karte (Komma separierte Werte)hide_title
- (Boolean)layout
- Wechseln Sie zwischen den fünf verfügbaren Layoutsnormal
&compact
&donut
&donut-vertical
&pie
card_width
- Lege die Breite der Karte manuell fest (Zahl)
⚠️ Wichtig: Sprachennamen sollten uri-escaped sein, wie hier angegeben: Percent Encoding (z.B.:
c++
sollte zuc%2B%2B
werden,jupyter notebook
sollte zujupyter%20notebook
werden, usw.)
Exklusive Optionen der WakaTime-Karte:
hide_title
- (Boolean)line_height
- Legt die Zeilenhöhe des Texts fest (Zahl)hide_progress
- Verbirgt die Fortschrittsanzeige und Prozentzahl (Boolean)custom_title
- Legt einen benutzerdefinierten Titel festlayout
- Wechselt zwischen zwei verschiedenen Layouts:default
&compact
langs_count
- Begrenzt die Anzahl der angezeigten Sprachen auf der Karteapi_domain
- Legt eine benutzerdefinierte API Domain fest, z.B. für Hakatime oder Wakapirange
– Fragt eine andere Zeitspanne an, als jene, welche standardmäßig in Wakatime hinterlegt ist. Zum Beispiellast_7_days
. Siehe WakaTime API Dokumentation.
GitHub Extra-Pins
GitHub Extra-Pins ermöglicht es mit Hilfe einer Readme auf deinem Profil mehr als 6 Repositories anzuzeigen.
Und Bääm! Du bist nicht mehr auf 6 angeheftete Repositories limitiert.
Benutzung
Füge diesen Code in deine Readme-Datei ein und passe die Links an.
Passe den Wert des URL-Parameters ?username=
so an, dass dort dein GitHub-Nutzername steht.
Den Wert des URL-Parameters ?repo=
musst du so anpassen, dass dort der Namen deines Repositorys steht.
Endpunkt: api/pin?username=anuraghazra&repo=github-readme-stats
[![Readme Card](https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats)](https://github.com/anuraghazra/github-readme-stats)
Beispiele
Benutze die show_owner Variable, um den Nutzernamen des Repository-Eigentümers anzuzeigen.
Top Programmiersprachen-Karte
Die Top Programmiersprachen-Karte visualisiert die am meisten benutzten Programmiersprachen eines GitHub-Nutzers.
HINWEIS: Die Top Programmiersprachen treffen keine Aussage über persönliche Fähigkeiten oder dergleichen, es ist lediglich eine auf den GitHub-Statistiken des Nutzers basierende Kennzahl, welche Programmiersprache wie häufig verwendet wurde.
Benutzung
Füge diesen Code in deine Readme-Datei ein und passe die Links an.
Passe den Wert des URL-Parameters ?username=
so an, dass dort dein GitHub-Nutzername steht.
Endpunkt: api/top-langs?username=anuraghazra
[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
Verbirg einzelne Sprachen
Du kannst den ?hide=language1,language2
URL-Parameter benutzen, um einzelne Sprachen auszublenden.
[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&hide=javascript,html)](https://github.com/anuraghazra/github-readme-stats)
Kompaktes Sprachen-Karte Layout
Du kannst die &layout=compact
Option nutzen, um das Kartendesign zu ändern.
[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&layout=compact)](https://github.com/anuraghazra/github-readme-stats)
Beispiel
- Kompaktes Layout
Wakatime Wochen-Statistik
Ändere ?username=
in den eigenen Wakatime-Benutzernamen.
[![Harlok's wakatime stats](https://github-readme-stats.vercel.app/api/wakatime?username=ffflabs)](https://github.com/anuraghazra/github-readme-stats)
Beispiel
- Kompaktes Layout
Alle Beispiele
- Default
- Ausblenden bestimmter Statistiken
- Symbole anzeigen
- Alle Beiträge anzeigen
- Erscheinungsbild/Themes
Wähle Eines von den Standard-Themes
- Farbverlauf
- Statistiken-Karte anpassen
- Repo-Karte(Extra-Pin) anpassen
- Top Programmiersprachen
Kleiner Tipp (Ausrichten der Repo-Karte)
Üblicherweise ist es in .md
-Dateien nicht möglich Bilder nebeneinander anzuzeigen. Um dies zu ermöglichen, kannst du folgendes tun:
<a href="https://github.com/anuraghazra/github-readme-stats">
<img align="center" src="https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats" />
</a>
<a href="https://github.com/anuraghazra/convoychat">
<img align="center" src="https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=convoychat" />
</a>
Betreibe es auf deiner eigenen Vercel-Instanz
Schritt für Schritt YouTube Tutorial by @codeSTACKr
Da die GitHub API nur 5 Tsd. Aufrufe pro Stunde zulässt, kann es passieren, dass meine https://github-readme-stats.vercel.app/api
dieses Limit erreicht.
Wenn du es auf deinem eigenen Vercel-Server hostest, brauchst du dich darum nicht zu kümmern. Klicke auf den Deploy-Knopf um loszulegen!
Hinweis: Seit #58 sollte es möglich sein, mehr als 5 Tsd Aufrufe pro Stunde ohne Downtimes zu verkraften :D
Anleitung zum Einrichten von Vercel 🔨
- Gehe zu vercel.com
- Klicke auf
Log in
- Melde dich mit deinem GitHub-account an, indem du
Continue with GitHub
klickst - Verbinde dich mit GitHub und erlaube den Zugriff auf alle Repositories (falls gefordert)
- Forke dieses Repository
- Gehe zurück zu deinem Vercel Dashboard
- Klick
Import Project
- Klick
Import Git Repository
- Wähle root und füge eine Umgebungsvariable namens PAT_1 (siehe Abbildung) die als Wert deinen persönlichen Access Token (PAT) hat hinzu, den du einfach hier erzeugen kannst (lasse alles wie es ist, vergebe einen beliebigen Namen)
- Klicke auf
Deploy
, und das wars. Besuche deine Domains um die API zu benutzen!
💖 Unterstütze das Projekt
Ich versuche alles was ich kann als Open-Source zur Verfügung zu stellen, als auch jedem der Hilfe bei der Benutzung dieses Projektes braucht zu antworten. Natürlich beansprucht sowas Zeit und du kannst diesen Dienst kostenlos benutzen.
Wenn du dieses Projekt nutzt und zufrieden bist, kannst du dennoch Dinge tun um mich weiterhin zu motivieren am Projekt zu arbeiten:
- Erwähne und verlinke das Projekt in deiner Readme wenn du es benutzt :D
- Geb dem Projekt einen Stern hier auf GitHub und teile es 🚀
- - Du kannst einmalige Spenden via PayPal tätigen. Ich kaufe mir wahrscheinlich einen
KaffeeTee davon. 🍵
Vielen Dank! ❤️
Mitarbeit an dem Projekt ist immer Willkommen! <3
Gemacht mit viel ❤️ und JavaScript.