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?
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.
[](https://github.com/ishandutta2007/beautiful-github-homepage)Hinweis: Die Berechnung des Ranges basiert auf den jeweiligen Benutzerstatistiken, siehe src/calculateRank.js
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
[![Ishan's GitHub stats](https://beautiful-github-homepage.vercel.app/api?username=ishandutta2007&hide=["contribs","prs"])](https://github.com/ishandutta2007/beautiful-github-homepage)Um Symbole anzuzeigen kann der URL-Parameter show_icons=true wie folgt verwendet werden:
[](https://github.com/ishandutta2007/beautiful-github-homepage)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 :-
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
Du kannst das Erscheinungsbild deiner Stats Card oder Repo Card, mithilfe von URL-Parametern, nach deinen Vorlieben anpassen.
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.)
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.
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)
show_owner- Zeigt den Besitzer des Repos (Boolean)
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&piecard_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%2Bwerden,jupyter notebooksollte zujupyter%20notebookwerden, usw.)
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&compactlangs_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 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.
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=ishandutta2007&repo=beautiful-github-homepage
[](https://github.com/ishandutta2007/beautiful-github-homepage)[](https://github.com/ishandutta2007/beautiful-github-homepage)Benutze die show_owner Variable, um den Nutzernamen des Repository-Eigentümers anzuzeigen.
[](https://github.com/ishandutta2007/beautiful-github-homepage)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.
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=ishandutta2007
[](https://github.com/ishandutta2007/beautiful-github-homepage)Du kannst den ?hide=language1,language2 URL-Parameter benutzen, um einzelne Sprachen auszublenden.
[](https://github.com/ishandutta2007/beautiful-github-homepage)Du kannst die &layout=compact Option nutzen, um das Kartendesign zu ändern.
[](https://github.com/ishandutta2007/beautiful-github-homepage)[](https://github.com/ishandutta2007/beautiful-github-homepage)- Kompaktes Layout
[](https://github.com/ishandutta2007/beautiful-github-homepage)Ändere ?username= in den eigenen WakaTime-Benutzernamen.
[](https://github.com/ishandutta2007/beautiful-github-homepage)[](https://github.com/ishandutta2007/beautiful-github-homepage)[](https://github.com/ishandutta2007/beautiful-github-homepage)- Kompaktes Layout
[](https://github.com/ishandutta2007/beautiful-github-homepage)- Default
[](https://github.com/ishandutta2007/beautiful-github-homepage)- Ausblenden bestimmter Statistiken
[![Ishan's GitHub stats](https://beautiful-github-homepage.vercel.app/api?username=ishandutta2007&hide=["contribs","issues"])](https://github.com/ishandutta2007/beautiful-github-homepage)- Symbole anzeigen
[![Ishan's GitHub stats](https://beautiful-github-homepage.vercel.app/api?username=ishandutta2007&hide=["issues"]&show_icons=true)](https://github.com/ishandutta2007/beautiful-github-homepage)- Alle Beiträge anzeigen
[](https://github.com/ishandutta2007/beautiful-github-homepage)- Erscheinungsbild/Themes
Wähle Eines von den Standard-Themes
[](https://github.com/ishandutta2007/beautiful-github-homepage)- Farbverlauf
[](https://github.com/ishandutta2007/beautiful-github-homepage)- Statistiken-Karte anpassen
[](https://github.com/ishandutta2007/beautiful-github-homepage)- Repo-Karte(Extra-Pin) anpassen
[](https://github.com/ishandutta2007/beautiful-github-homepage)- Top Programmiersprachen
[](https://github.com/ishandutta2007/beautiful-github-homepage)Ü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/ishandutta2007/beautiful-github-homepage">
<img align="center" src="https://beautiful-github-homepage.vercel.app/api/pin/?username=ishandutta2007&repo=beautiful-github-homepage" />
</a>
<a href="https://github.com/ishandutta2007/convoychat">
<img align="center" src="https://beautiful-github-homepage.vercel.app/api/pin/?username=ishandutta2007&repo=convoychat" />
</a>Da die GitHub API nur 5 Tsd. Aufrufe pro Stunde zulässt, kann es passieren, dass meine https://beautiful-github-homepage.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 GitHubklickst - 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!
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.