734 Stimmen

Wie füge ich einen Screenshot zu den READMEs im Github-Repository hinzu?

Ist es möglich, einen Screenshot in der README-Datei in einem GitHub-Repository zu platzieren? Wie lautet die Syntax?

3 Stimmen

Die korrekte Lösung für dieses Problem ist die Verwendung relativer Referenzen, wie in dieser Antwort beschrieben stackoverflow.com/a/11916467/1633251 (siehe den Kommentar mit dem Link zu einem neuen Github-Dokument, wie man das macht). Die kurze Antwort ist, zu verwenden [Read more words!](docs/more_words.md)

4 Stimmen

Die meisten Lösungen schlagen einen Verweis auf das Repo selbst vor. Wie sieht es aus, wenn man Binärdateien im Repo vermeiden möchte (sogar in einem separaten Zweig, wie vorgeschlagen) und sie an einem externen Ort speichern möchte? Irgendwelche guten Praktiken? Ein Gist vielleicht (ich weiß nicht, ob ein Gist binär oder nur Text sein kann)? ein weiteres Repo "myproject-assets" für das Projekt "myproject" erstellen? Gibt es einen externen populären Ort für Bilder, ähnlich dem de-facto-Standard von youtube für das Hochladen von Videos?

3 Stimmen

1voto

Zizoh Punkte 139

Erstellen Sie zunächst ein Verzeichnis (Ordner) im Stammverzeichnis Ihres lokalen Repositorys, das die screenshots die Sie hinzufügen möchten. Nennen wir den Namen dieses Verzeichnisses screenshots . Legen Sie die Bilder (JPEG, PNG, GIF usw.), die Sie hinzufügen möchten, in dieses Verzeichnis.

Android Studio Arbeitsbereich Screenshot

Zweitens müssen Sie einen Link zu jedem Bild in Ihre README einfügen. Wenn ich also Bilder habe, die 1_ArtistsActivity.png y 2_AlbumsActivity.png in meinem Screenshot-Verzeichnis zu finden, werde ich ihre Links wie folgt hinzufügen:

 <img src="screenshots/1_ArtistsActivity.png" height="400" alt="Screenshot"/> <img src=“screenshots/2_AlbumsActivity.png" height="400" alt="Screenshot"/>

Wenn Sie jeden Screenshot in einer separaten Zeile haben wollen, schreiben Sie die Links in separate Zeilen. Es ist jedoch besser, wenn Sie alle Links in eine Zeile schreiben, nur durch ein Leerzeichen getrennt. Das sieht vielleicht nicht so gut aus, aber GitHub ordnet sie dann automatisch für Sie an.

Zum Schluss übertragen Sie Ihre Änderungen und pushen sie!

0voto

Asifur Rahman Punkte 17

Für mich ist der beste Weg -

  1. Erstellen Sie eine neue Ausgabe mit diesem Repository auf Github und laden Sie dann die Datei im GIF-Format hoch.Um Videodateien in das GIF-Format zu konvertieren, können Sie diese Website verwenden http://www.online-convert.com/
  2. Übermitteln Sie die neu erstellte Ausgabe.
  3. Kopieren Sie die Adresse der hochgeladenen Datei
  4. Schließlich tragen Sie in Ihre README-Datei ![demo](COPIED ADDRESS)

Ich hoffe, das hilft.

0 Stimmen

Was ist der Unterschied zu stackoverflow.com/a/32252663/1570104 ?

0voto

Marium Jawed Punkte 411

Bild im Repository über die Option Datei hochladen und dann in der README-Datei hinzufügen

![Alt text]("enter image url of repositoryhere")

-1voto

Pooja Pathak Punkte 9

Erstellen Sie eine neue Ausgabe, indem Sie auf die grüne Schaltfläche in der oberen rechten Ecke klicken. Machen Sie einen Screenshot von dem, was Sie brauchen, und fügen Sie ihn in die Problemmeldung ein (CMD+V auf dem Mac oder CTR+V unter Windows).

-1voto

Junaed Punkte 931

Mein Bild hatte ein Leerzeichen im Namen, z. B. Pasted image 20221006123035.png und das verursachte bei mir ein Problem, und ich verlor einige Zeit, um es zu beheben. Wenn jemand das gleiche Problem hat, dann sind hier die Schritte

  • Ich habe das Bild über die Upload-Option hochgeladen
  • Klicken Sie dann auf das Bild in der Dateisuchoberfläche der Website.
  • Das Bild wird im Browser geöffnet. Aus der URL des Browsers habe ich die Url des Bildes kopiert. Sie können den gesamten Pfad kopieren, oder relativ zu Ihrer .md Datei
  • Fügen Sie nun diesen Link in die .md-Datei ein wie ![overview](Pasted%20image%2020221006123035.png)

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X