Schalten Sie die volle Leistung Ihrer GitHub Readme-Statistiken frei

GitHub Readme Stats ist ein sehr beliebtes GitHub-Projekt.

Es kann dynamisch verschiedene Statistiken eines bestimmten GitHub-Kontos abrufen, wie z. B. die Anzahl der Sterne, die gesamten Commits und die wichtigsten verwendeten Programmiersprachen, und sie in schöne dynamische Karten umwandeln.

Sie können diese Karten zu Ihrer eigenen GitHub-Readme hinzufügen, um sie cooler aussehen zu lassen.

Die Verwendung von GitHub Readme Stats ist sehr einfach. Der einfachste Weg ist, den öffentlichen Link des Projekts direkt in die Readme einzufügen und einige Parameter hinzuzufügen, wie in der offiziellen Dokumentation angegeben. Die spezifischen Kartentypen finden Sie in der offiziellen DEMO.

Das Prinzip dahinter ist:

Wenn Ihre Readme aufgerufen wird, empfängt dieser Link eine Anfrage. Er ruft dynamisch die GitHub-API auf, um bestimmte Daten abzurufen und basierend auf den Daten in Echtzeit ein SVG-Bild zu generieren.

Aber diese Nutzung schöpft nicht das volle Potenzial von GitHub Readme Stats aus:

• GitHub Readme Stats kann die statistischen Daten Ihrer privaten Repositories nicht lesen.
• Da der öffentliche Link beim Verarbeiten aller Anfragen denselben GitHub API-Token verwendet, um Daten abzurufen, wird er bei großem Anfragevolumen r First-limited, was dazu führt, dass die Karte nicht angezeigt werden kann.
• Da sich Zeiten und Projekte ändern, kann der ursprüngliche öffentliche Link ungültig werden und die Karte kann nicht geladen werden.

Daher ist es am besten, Ihre eigenen GitHub Readme Stats bereitzustellen und Ihren eigenen API-Token zu verwenden, um die oben genannten Probleme zu vermeiden.

Wie stellen Sie Ihre eigenen GitHub Readme Stats bereit? Sie können Leapcell verwenden.

Leapcell ist eine Web-App-Hosting-Plattform mit leistungsstarken Funktionen, die die Bereitstellung mehrerer Sprachen und Frameworks wie Node.js, Python und Go unterstützen kann. Sie bietet auch eine hohe kostenlose Quote, und die persönliche Nutzung wird die Zahlungsgrenze kaum erreichen. Daher ist sie sehr gut geeignet, um Ihre eigenen GitHub Readme Stats bereitzustellen.

Schritte:

1 - Forken Sie das GitHub Readme Stats Projekt. Leapcell wird den Code später aus Ihrem Repository ziehen.

2 - Besuchen Sie die Leapcell Website und registrieren Sie ein Konto. Klicken Sie nach der Registrierung auf der Seite auf „Create Service“.

3 - Auf der Seite „Create Service“ müssen Sie die Codequelle auswählen. Wählen Sie die gerade geforkten GitHub Readme Stats aus.

4 - Sie können sehen, dass Leapcell automatisch erkennt, dass es sich um ein Node.js-Projekt handelt, und einige grundlegende Bereitstellungsparameter vorausfüllt.

Wir müssen sie entsprechend der tatsächlichen Situation des Projekts ändern und sie ändern in:

5 - Wenn Sie möchten, dass das Projekt auf Ihr privates GitHub-Repository zugreifen kann, müssen Sie auch ein Zugriffstoken in GitHub erstellen und sich daran erinnern, dem Token Repo- und Benutzerberechtigungen zu erteilen.

6 - Füllen Sie das Zugriffstoken in die Umgebungsvariable PAT_1 ein.

7 - Klicken Sie unten auf „Submit“, um zu bereitstellen. Die Bereitstellung wird bald abgeschlossen sein und Sie werden zur Bereitstellungshauptseite zurückgeleitet. Hier sehen wir, dass Leapcell eine Domain bereitstellt. Dies ist Ihre exklusive GitHub Readme Stats-Adresse.

Jetzt können Sie diese neue Adresse verwenden, um statistische Karten zu generieren. Es ist zu beachten, dass sich der API-Pfad der von uns selbst bereitgestellten Version geringfügig von der öffentlichen Verknüpfung unterscheidet. Wir müssen /api/ aus der Adresse entfernen.

Zum Beispiel:

Öffentliche Verknüpfung: https://github-readme-stats.vercel.app/api?username=[Ihr Name]
Selbst gehostet: https://xxxxx.leapcell.dev/?username=[Ihr Name]

Verwenden Sie einen Link zum Testen. Besuchen Sie https://xxxxx.leapcell.dev/?username=anuraghazra&repo=github-readme-stats und Sie können sehen, dass die Karte erfolgreich angezeigt wird.

Herzlichen Glückwunsch, Sie haben jetzt GitHub Readme Stats mit seinem vollen Potenzial freigeschaltet!