So fügen Sie Screenshots und Animationen zu GitHub Pull Requests hinzu

GitHub-Programmierer fügen häufig Screenshots oder animierte GIFs zu ihren Repository-Pull-Requests hinzu. Diese Techniken sind definitiv auffälliger, als jemanden mehrere Zeilen einfachen Text lesen zu lassen. Das Hinzufügen von statischen Screenshots ist hilfreich, wenn Sie visuelle Änderungen oder Fotos inline einfügen möchten. Um Prozessabläufe und Mauszeigerbewegungen zu demonstrieren, können Sie MP4-Videos und GIF-Animationen verwenden. Das folgende Tutorial zeigt Ihnen, wie Sie Screenshots und MP4/GIF-Animationen in GitHub-Pull-Requests hinzufügen.

Inhaltsverzeichnis

• 1. Ein neues Repository und einen Branch hinzufügen
• 2. Screenshots für GitHub erstellen
• 3. Videos und GIF-Animationen für GitHub erstellen
• 4. Screenshots oder Animationen zu GitHub Pull Requests hinzufügen
• 5. Screenshots und GIF-Bilder auf einer GitHub-Seite anzeigen
• Häufig gestellte Fragen

Auch lesen: Der Anfängerleitfaden zu Git

1. Ein neues Repository und einen Branch hinzufügen

Selbst wenn Sie GitHub noch nie zuvor verwendet haben, können Sie die folgenden Schritte nutzen, um als Entwickler zu starten. Derzeit benötigen Sie nur eine E-Mail-Adresse zur Erstellung eines GitHub-Kontos. Dies macht den Einstieg in GitHub viel einfacher als zuvor.

1. Nachdem Sie sich in Ihr GitHub-Profil eingeloggt haben, klicken Sie auf das „+“-Zeichen oben rechts, um ein neues Repository zu erstellen.

1. Geben Sie dem Repository einen Namen Ihrer Wahl und wählen Sie, ob es öffentlich oder privat sein soll. Denken Sie daran, die Option „Dieses Repository mit einer README initialisieren“ zu aktivieren.

1. Sie können wählen, ob Sie Ihren Code in Form einer Apache 2.0-Lizenz, GNU General Public License, MIT-Lizenz, Eclipse, Mozilla Public License usw. veröffentlichen möchten. Wählen Sie „keine“, wenn Sie nicht möchten, dass andere den Code frei verwenden.
2. Klicken Sie auf „Repository erstellen“, um die Hinzufügung Ihres Repositories unter dem Hauptbranch Ihres Profils zu bestätigen.

1. Im nächsten Schritt fügen Sie Ihrem Repository einen Branch über das unten gezeigte Dropdown-Menü hinzu. Hier wurde der Branch „Guten-tag-1“ zum Repository „Guten-tag“ hinzugefügt, das selbst ein Branch des Hauptrepositories „Hola-World“ ist.

1. Der Zweck eines Branches in GitHub besteht darin, dem Entwickler zu helfen, an Funktionen und Fehlerbehebungen getrennt vom Hauptproduktionsbranch zu arbeiten. Das Hinzufügen einer Seriennummer wie 1, 2, 3 usw. ist eine einfachere Möglichkeit, sich die Ebene des Branches zu merken.

2. Screenshots für GitHub erstellen

Um Screenshots in GitHub hinzuzufügen, benötigen Sie eine gute Bildschirmaufnahme-Software. In Windows 11 ist das Snipping Tool eine Microsoft-App, die am besten für diesen Zweck geeignet ist. Wenn Sie Probleme damit haben, folgen Sie unserem Troubleshooting-Leitfaden.

Windows 10 verwendet jedoch eine „Snip & Sketch“-App, die sehr ähnlich wie das Snipping Tool in Windows 11 funktioniert, jedoch mit weniger Funktionen. Es hat einen Timer von entweder 3 oder 10 Sekunden für die Verzögerung beim Erfassen des Bildschirms.

Auch lesen: Windows 11 Snipping Tool funktioniert nicht: 12 mögliche Lösungen

3. Videos und GIF-Animationen für GitHub erstellen

Um Videos oder GIFs für GitHub hinzuzufügen, benötigen Sie ein gutes Video-Bildschirmaufnahme-Tool. In der Vergangenheit konnten Sie kein MP4 in GitHub hochladen, aber das hat sich geändert.

In Windows 11 und Windows 10 können Sie eine Microsoft Store-App namens Screen recorder & Screen record verwenden. Der Microsoft Store ist die sicherste Quelle, um Bildschirmaufnahme-Software herunterzuladen, da jede App dafür ausgelegt ist, gut mit Windows zu funktionieren. Um zu erfahren, wie Sie Ihren Bildschirm kostenlos auf einem Mac aufnehmen, folgen Sie diesem Leitfaden.

1. Starten Sie die Bildschirmaufnahme-App und wählen Sie einen Aufnahmemodus: „Voll“, „Bereich“, „Kamera“ oder „Nur Audio“. Drücken Sie „Start“, wenn Sie bereit sind, mit der Aufnahme auf Ihrem Bildschirm zu beginnen.

1. Das Gute an dieser Software ist, dass Sie direkt im GIF-Modus ein GIF erstellen können.

1. Alternativ können Sie ein MP4 einfach mit Ezgif oder einem anderen Online-Tool in ein GIF umwandeln. Fügen Sie zuerst das MP4-Video über den Upload-Link hinzu.

1. Sie erhalten eine grobe Schätzung der GIF-Dateigröße, Breite und Länge. Sie können die Bildrate Ihrer GIF-Datei ändern, um sie langsamer für einfache Anweisungen zu machen.

Auch lesen: So nehmen Sie Ihren Bildschirm kostenlos auf einem Mac auf

4. Screenshots oder Animationen zu GitHub Pull Requests hinzufügen

Sobald Sie Ihre Screenshots oder Videos erstellt haben, können Sie diese ganz einfach zu GitHub-Pull-Requests hinzufügen.

1. Um Screenshots oder Video/Animationen zu GitHub hinzuzufügen, gehen Sie zurück zu dem Branch, den Sie zuvor erstellt haben, und navigieren Sie zu „Pull Requests“. Alternativ können Sie direkt darauf zugreifen, indem Sie einfach auf den Branch klicken.

1. Um eine neue Datei, wie MP4 oder GIF, hinzuzufügen, wählen Sie „Dateien hochladen“ im Branch, in dem die Datei verfügbar sein soll.

1. Sobald Sie sich im Bearbeitungsmodus befinden, können Sie das Screenshot-Bild und die MP4/GIF-Dateien über die Option „Wählen Sie Ihre Dateien“ anhängen. Wenn Sie zum ersten Mal im GitHub-Branch-Repository committen, klicken Sie auf „Änderungen committen“. Andernfalls wählen Sie „Kommentar aktualisieren“.

1. Warten Sie einige Sekunden, bis die Screenshot- oder Animationsdatei zu Ihrem Repository-Branch hinzugefügt wurde.

1. Der erstellte Screenshot/Video/Animation wurde erfolgreich zum GitHub-Branch und damit zum Repository hinzugefügt.

1. GitHub dreht sich alles um die Zusammenarbeit mit anderen Entwicklern. Wenn ihnen Ihre vorgeschlagenen Änderungen gefallen, können sie diese in ihr eigenes Repository zusammenführen. Dies geschieht automatisch, wenn Sie die Option „Zusammenführen möglich“ sehen können.

1. Sobald Sie die Zusammenführung abgeschlossen haben, werden die Videos/Screenshots als „Commits“ im Hauptrepository angezeigt.

Auch lesen: So löschen Sie den Git-Cache

5. Screenshots und GIF-Bilder auf einer GitHub-Seite anzeigen

Anstatt Screenshots und GIF-Dateien separat innerhalb des Pull Request-Repositories hochzuladen, können Sie sie auch auf der GitHub-Seite sichtbar machen.

1. Der Trick besteht darin, die „ReadMe.md“-Datei zu klicken, die auf jedem Branch sichtbar ist. Sobald sie geöffnet ist, klicken Sie auf ein Symbol namens „Den Quell-BLOB anzeigen“. Dieser Branch kann bearbeitet werden, um Bilder, Screenshots, GIFs und mehr anzuzeigen.

1. Ein Klick auf das „Datei bearbeiten“-Symbol führt zu einem Codierungsbildschirm, auf dem Sie den Screenshot- oder animierten GIF-Code hinzufügen können. Es ist einfach, ein Bild anzuzeigen, indem Sie ! hinzufügen und den Alt-Text in [ ] einfügen, und dann den Link für das Bild in Klammern () einbetten.

Wenn Sie nicht codieren möchten, gibt es einen einfacheren Weg, um einen Screenshot/GIF direkt zur Repository-Seite hinzuzufügen.

1. Klicken Sie auf „Datei bearbeiten“ auf der Readme.md-Seite, was zu einem neuen Fenster führt, in dem Sie den Screenshot/GIF anhängen können, der auf der Branch-Seite angezeigt werden soll.

1. Bevor Sie die Änderungen an Ihrem GitHub-Branch committen, können Sie das Bild, den Screenshot oder das GIF ganz einfach in der Vorschau anzeigen.

Auch lesen: So installieren Sie Git und Git Bash in Windows

Häufig gestellte Fragen

Wie kann ich ein Bild oder einen Screenshot in GitHub ausrichten oder die Größe ändern?

Um ein Bild oder einen Screenshot auf Ihrer GitHub-Seite auszurichten, klicken Sie auf „dies bearbeiten“ in der ReadMe.md-Datei, laden Sie dann das Bild oder den Screenshot hoch und fügen Sie den folgenden Code hinzu:

Ändern Sie den Code, je nachdem, ob Sie das Bild linksbündig, rechtsbündig oder zentriert haben möchten. Um die Größe des Bildes zu ändern, ändern Sie die Breiten- und Höhenmaße.

Gibt es eine Größenbeschränkung für GIF- und Videodateien auf GitHub?

Ja. Die maximale Dateigröße beträgt 50 MB für einzelne GIF- oder MP4-Dateien. Mit einer versteckten GitHub-Funktion namens „GitHub Blocks“ können Sie dies auf 100 MB für jede Datei erhöhen. Die GitHub-Repositories (Ihr Hauptbranch) sollten weniger als 5 GB bleiben.

Wenn Sie ein Bild oder Video mit einer höheren Dateigröße hochladen müssen, verwenden Sie ein GitHub-Programm namens GitHub Large File Storage (LFS), das eine maximale Grenze von 2 GB pro Datei für kostenlose/professionelle Benutzer hat.

Wie teile ich Bilder auf GitHub?

GitHub hat derzeit keine Möglichkeit, Bilder direkt über Chat und verwandte Tools, wie Screenshots oder GIFs, zu teilen. Sie können jedoch „Issues“ auf einer GitHub-Seite erstellen und diese zur Überprüfung einreichen. Diese Issues können die Bilder enthalten. Um eine Person auf GitHub zu benachrichtigen, verwenden Sie @ vor ihrem Benutzernamen.

Bildnachweis: Groot und Octocat bei Unsplash Alle Screenshots wurden vom Autor aufgenommen.