Wie man Bilder zum GitHub-README hinzufügt

Erfahren Sie, wie Sie mit Markdown-Syntax oder Bildlinks Bilder zu Ihrer GitHub-README-Datei hinzufügen. Schritt-für-Schritt-Anleitung, um visuelle Inhalte in Ihren Repositories zu präsentieren.

Erstelle beeindruckende Produktvideos und Dokus mit KI

Dieses Tutorial wurde mit Trupeer in weniger als 5 Minuten erstellt

Kostenlos erstellen

Schritt-für-Schritt-Anleitung: So fügen Sie Bilder zur GitHub ReadMe hinzu


Schritt 1

Beginnen Sie, indem Sie zum Bereich "Repositories" auf GitHub navigieren und darauf klicken.

Begin by navigating to the "Repositories" section on GitHub and click on it.

Schritt 2

Klicken Sie dann auf "Add README", um fortzufahren.

Schritt 3

Wählen Sie "Attach Files" aus und klicken Sie darauf, um fortzufahren.

Schritt 4

Sobald es hochgeladen ist, klicken Sie auf "Commit Changes".

Schritt 5

Schließen Sie ab, indem Sie erneut "Commit Changes" auswählen.

Profi-Tipps zum Hinzufügen von Bildern zur GitHub ReadMe

  1. Laden Sie das Bild in Ihr Repository hoch
    Gehen Sie zu Ihrem GitHub-Repository, klicken Sie auf die Schaltfläche Add file und wählen Sie dann Upload files. Ziehen Sie Ihr Bild per Drag-and-drop hinein oder wählen Sie es von Ihrem Computer aus.

  2. Kopieren Sie die Bild-URL
    Sobald es hochgeladen ist, klicken Sie auf die Bilddatei. Sie wird auf einer neuen Seite geöffnet. Klicken Sie mit der rechten Maustaste auf das Bild und wählen Sie Copy image address.

  3. Öffnen oder erstellen Sie die Datei README.md
    Kehren Sie zu Ihrem Repository zurück. Wenn es keine README.md-Datei gibt, klicken Sie auf Add file und wählen Sie Create new file. Benennen Sie sie README.md.

  4. Fügen Sie das Bild mit Markdown-Syntax ein
    Verwenden Sie dieses Format, um das Bild in die README-Datei einzufügen:
    Ersetzen Sie image-url durch den kopierten Link und Alt text durch eine kurze Beschreibung des Bildes.

  5. Vorschau anzeigen und Änderungen übernehmen
    Verwenden Sie die Registerkarte Preview im Editor, um zu prüfen, wie das Bild aussieht. Wenn alles gut aussieht, scrollen Sie nach unten und klicken Sie auf Commit changes, um zu speichern.

Häufige Fehler und wie man sie vermeidet

  1. Bild wird nicht geladen
    Stellen Sie sicher, dass das Bild in einem öffentlichen Repository gespeichert ist oder auf einer Plattform gehostet wird, die direkte Bildverknüpfungen unterstützt.

  2. Falsches Markdown-Format
    Das richtige Format ist: Überprüfen Sie sorgfältig auf fehlende eckige Klammern oder Klammern.

  3. Lokalen Dateipfad verwendet
    Verwenden Sie keine Dateipfade von Ihrem lokalen Computer. Verwenden Sie nur URLs oder Repository-Pfade.

  4. Defekter oder veralteter Link
    Wenn Sie das Bild im Repo verschieben oder löschen, wird der Link ungültig. Verwenden Sie immer den endgültigen Dateipfad.

  5. Große Bildgröße
    Ändern Sie die Größe großer Bilder oder komprimieren Sie sie vor dem Hochladen, damit Ihre ReadMe übersichtlich und schnell ladend bleibt.

Häufig gestellte Fragen zum Hinzufügen von Bildern zur GitHub ReadMe

  1. Wie füge ich ein lokales Bild zu einer GitHub ReadMe hinzu?
    Laden Sie das Bild zuerst in Ihr Repository hoch und verwenden Sie dann die Markdown-Bildsyntax, um darauf zu verweisen.

  2. Kann ich eine externe Bild-URL verwenden?
    Ja, jede öffentlich verfügbare Bild-URL kann in der Markdown-Syntax verwendet werden.

  3. Wie lautet die korrekte Markdown-Syntax zum Hinzufügen eines Bildes?
    Das Format ist

  4. Kann ich das Bild in einer ReadMe-Datei zentrieren?
    Markdown unterstützt keine direkte Zentrierung, aber Sie können HTML wie <p align="center"> zur Steuerung des Layouts verwenden.

  5. Ist es möglich, ein Bild in GitHub ReadMe in der Größe zu ändern?
    Nicht nur mit Markdown. Um die Größe zu steuern, verwenden Sie einfaches HTML wie <img src="image-url" width="300"/> innerhalb der README-Datei.

  6. Wie nimmt man auf dem Mac den Bildschirm auf? 
    Um auf einem Mac den Bildschirm aufzuzeichnen, können Sie Trupeer AI verwenden. Es ermöglicht Ihnen, den gesamten Bildschirm aufzunehmen, und bietet KI-Funktionen wie das Hinzufügen von KI-Avataren, das Hinzufügen von Voiceover sowie das Ein- und Auszoomen im Video. Mit der KI-Videoübersetzungsfunktion von Trupeer können Sie das Video in über 30 Sprachen übersetzen. 

  7. Wie fügt man einer Bildschirmaufnahme einen KI-Avatar hinzu?
    Um einer Bildschirmaufnahme einen KI-Avatar hinzuzufügen, müssen Sie ein KI-Bildschirmaufzeichnungstool verwenden. Trupeer AI ist ein KI-Bildschirmaufzeichnungstool, das Ihnen hilft, Videos mit mehreren Avataren zu erstellen, und Ihnen auch dabei hilft, Ihren eigenen Avatar für das Video zu erstellen.

  8. Wie nimmt man unter Windows den Bildschirm auf?
    Um unter Windows den Bildschirm aufzuzeichnen, können Sie die integrierte Game Bar (Windows + G) oder ein fortgeschrittenes KI-Tool wie Trupeer AI verwenden, um erweiterte Funktionen wie KI-Avatare, Voiceover, Übersetzung usw. zu nutzen.

  9. Wie fügt man einem Video ein Voiceover hinzu?
    Um Videos ein Voiceover hinzuzufügen, laden Sie die Trupeer-AI-Chrome-Erweiterung herunter. Nach der Registrierung laden Sie Ihr Video mit Stimme hoch, wählen das gewünschte Voiceover von Trupeer aus und exportieren Sie Ihr bearbeitetes Video. 

  10. Wie zoome ich in eine Bildschirmaufnahme hinein?
    Um während einer Bildschirmaufnahme hineinzuzoomen, verwenden Sie die Zoom-Effekte in Trupeer AI, mit denen Sie an bestimmten Momenten hinein- und herauszoomen können und so die visuelle Wirkung Ihrer Videoinhalte verbessern.


Brauchst du einen Videoeditor, Übersetzer und Drehbuchautor?

Trupeer kostenlos testen

Demo buchen

Brauchst du einen Videoeditor, Übersetzer und Drehbuchautor?

Trupeer kostenlos testen

Demo buchen

Brauchst du einen Videoeditor, Übersetzer und Drehbuchautor?

Trupeer kostenlos testen

Demo buchen