wake-up-neo.com

Markdown zum Einfügen und Anzeigen eines Bildes auf GitHub Repo

Laut GitHub-Dokumentation lautet die Markdown-Syntax zum Einfügen eines Bildes:

![GitHub Logo](/images/logo.png)
Format: ![Alt Text](url)

Nach ihrer Beispielsyntax kann ich es scheinbar nicht zum Laufen bringen.

Auch das GitHub-Logo-Beispiel funktioniert nicht.

Was vermisse ich? Oder ist es ein GitHub-Fehler?

41
nic

Möglicherweise fehlt der vollständige Pfad/Speicherort zu dem Bild, das Sie in Ihre Markdown-Datei aufnehmen möchten.

Das angegebene Beispiel ist ein relativer Pfad, in dem sich das Image auf demselben Server wie die Datei befindet. In der Hilfe wird davon ausgegangen, dass sich das Bild tatsächlich unter folgender Adresse befindet:

https://github.com/images/logo.png

Dies ist jedoch keine gültige Datei oder Position.

Um sicherzustellen, dass Sie ein Bild rendern können, unabhängig davon, wo Sie es betrachten, ist es sicherer, die vollständige URL anzugeben, die den Domainnamen enthalten würde.

Ihr Beispiel würde also stattdessen etwas Ähnliches verwenden:

![Bilby Stampede](http://example.com/images/logo.png)
35

Als Antwort auf die Antwort oben:

Ab dem 30. Januar 2013 GitHub erlaubt jetzt relative Links .

Stellen Sie jedoch sicher, dass Sie? Raw = true an das Ende der URL anhängen. Hier ist ein Beispiel:

![Image](../blob/master/public_html/img/nokia.png?raw=true)

Aufgrund der Art und Weise, wie GitHub URLs verarbeitet, wird Ihr Browser versuchen, die Seite zu laden, auf der das Bild angezeigt wird, wenn Sie? Raw = true nicht an die Quell-URL anhängen.

25
Chris Morris

Ich teste meinen Markdown gerne lokal, bevor ich ihn über eine URL an einen anderen Ort schiebe, der nur angezeigt werden kann. Ich möchte also eine relative URL, die ich überall verwenden kann. GitHub unterstützt diese jetzt.

Ihr images -Unterverzeichnis muss, sofern es sich im selben Verzeichnis wie Ihre Markdown-Datei befindet, am Anfang keinen Schrägstrich enthalten - versuchen Sie Folgendes:

markdown ![GitHub Logo](images/logo.png)

anstatt von

markdown ![GitHub Logo](/images/logo.png)

2
brannerchinese