//Dies ist ein archivierter Beitrag!

layout: post current: post cover: assets/images/posts/github.jpg title: How to List Github Repo in your Blog? date: 2019-08-15 12:00:00 +0545 navigation: True categories: blog tags: tech class: post-template subclass: ‘post’ author: cdrrazan permalink: /blog/list-your-github-repo-in-your-website-blog-using-javascript-jquery/ summary: GitHub is a web-based hosting service for software development projects that use the Git version control system. Our projects are stored in form of repositories which are nothing more than directory or folder as we speak. Sometimes we want to list them in our private blog or websites. But right now, github doesn’t seem to offer this service. But this doesn’t mean there’s not any other way. —

Ursprünglich veröffentlicht am: 2017-04-15. Aktualisiert am: 2019-08-15.


GitHub ist ein webbasierter Hosting-Service für Software-Entwicklungsprojekte, die das Versionskontrollsystem Git verwenden. Unsere Projekte werden in Form von Repositories gespeichert, die nichts weiter als ein Verzeichnis oder Ordner sind, während wir hier sprechen. Manchmal möchten wir sie in unserem privaten Blog oder auf Websites auflisten. Aber im Moment scheint Github diesen Dienst nicht anzubieten. Das bedeutet aber nicht, dass es keinen anderen Weg gibt.

Schritte zur Auflistung des Github-Repositoriums

Um in den Code zu gelangen, öffnen Sie die Datei, in der Sie das Repo auflisten möchten. Beachten Sie, dass dies nicht der automatische Prozess ist.

Fügen Sie den folgenden Code überall dort ein, wo Sie das Repo anzeigen möchten.

Ersetzen Sie nun den githubuser durch Ihren Benutzernamen und githubrepo durch den Namen des github-Repositorys. Um mehr als ein Repo aufzulisten, ersetzen Sie denselben Code durch einen anderen github-Repo-Namen.

Fügen Sie dann die JavaScript-Datei irgendwo ein, nachdem Sie jQuery eingebunden haben:

Hier ist der Link zum Repo für die Auflistung von Github-Projekten

Das gesamte Styling ist enthalten, und die Bilddaten werden aus GitHub abgerufen. Hier ist das Beispielbild für die Auflistung eines meiner GitHub-Repos.

Sie können auch direkt das letzte Übergabedatum sehen und sogar die Zip-Datei herunterladen. Der einzige Nachteil ist die Überschreitung der API-Limitrate, wenn die Widgets mehr als 60 Mal in einer Stunde aktualisiert oder aufgerufen werden. Um zu vermeiden, dass die Geschwindigkeitsgrenze überschritten wird, besuchen Sie github docs.