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

Question

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

Answer 1

Die Markdown-Syntax für die Anzeige von Bildern ist in der Tat:

![image](https://{url})

ABER: Wie kann man die url ?

• Wahrscheinlich wollen Sie Ihr Repo nicht mit Screenshots überladen, sie haben nichts mit dem Code zu tun
• Sie möchten sich vielleicht auch nicht mit dem Aufwand befassen, Ihr Bild im Internet verfügbar zu machen (auf einen Server hochladen).

Also... Sie können dies verwenden genialer Trick damit Github Ihre Bilddatei hosten kann. TDLR:

1. Erstellen Sie einen Eintrag in der Eintragsliste Ihres Repo
2. Ziehen Sie Ihr Bildschirmfoto per Drag & Drop auf dieses Thema
3. Kopieren Sie den Markdown-Code, den Github gerade für Sie erstellt hat um Ihr Bild anzuzeigen
4. fügen Sie es in Ihre Readme-Datei ein (oder wo immer Sie wollen)

http://solutionoptimist.com/2013/12/28/awesome-github-tricks/

Answer 2

Viel einfacher als das Hinzufügen einer URL Laden Sie einfach ein Bild in dasselbe Repository hoch, zum Beispiel:

![Screenshot](screenshot.png)

Answer 3

README hinzufügen

<div align="center">
    <img src="/screenshots/screen1.jpg" width="400px"</img> 
</div>

Answer 4

Ab März 2021 wird dies nun unterstützt:

Anhängen von Dateien an Markdown-Dateien

Sie können jetzt Dateien, einschließlich Bilder, an Markdown-Dateien anhängen, während Sie sie im Web bearbeiten.

Dies funktioniert genauso wie Dateianhänge in Issues und Pull Requests und unterstützt die gleichen Dateitypen.

Einfach ziehen und ziehen, klicken und auswählen oder einfügen.

Hinweis: Wenn Sie ein Bild zu einer Markdown-Datei hinzufügen, kann jeder die anonymisierte Bild-URL ohne Authentifizierung einsehen, auch wenn sich die Markdown-Datei in einem privaten Repository befindet.
Um die Privatsphäre der Bilder zu wahren, sollten Sie sie über ein privates Netzwerk oder einen Server bereitstellen, der eine Authentifizierung erfordert. Weitere Informationen über anonymisierte URLs finden Sie unter " Über anonymisierte Bild-URLs ".

Answer 5

Methode 1->Markdown Methode

![Alt Text](https://raw.github.com/{USERNAME}/{REPOSITORY}/{BRANCH}/{PATH})

Methode 2->HTML Weg

<img src="https://link(format same as above)" width="100" height="100"/>

または

<img src="https://link" style=" width:100px ; height:100px " />

Hinweis -> Wenn Sie Ihr Bild nicht gestalten, d.h. in der Größe verändern wollen, entfernen Sie den Stilteil