Ist es möglich, einen relativen Link zum Bild in einer Markdown-Datei in einem Kern zu erstellen?


92

Ich habe einen Kern, der eine Markdown-Datei und ein Bild enthält.

Gibt es eine Möglichkeit, einen relativen Link zu diesem Bild herzustellen? So etwas wie ![My image](image.png)statt![My image](https://gist.github.com/user/605560c2961cb3025038/raw/b75d2...6e8/img.png)

Hier ist ein Beispiel

Antworten:


160

Ab sofort funktionieren relative Bildlinks für mich sowohl in einem Repository als auch in einem Wiki. Ich verwende folgende Syntax:

![Kiku](images/Kiku.jpg)

Hier ist ein Beispiel:

https://github.com/mark-anders/relative-image-url


Vielen Dank! Ich war frustriert, lokale Bilder zu verwenden, aber das hat funktioniert!
So

Mein Fehler war ein Leerzeichen zwischen dem ]und(
Gelegentlich

Zumindest für Github habe ich gerade herausgefunden, dass Sie keine Leerzeichen in Ihren Dateinamen haben können oder GitHub lokale Bilder nicht erkennen kann (ich bin nicht sicher, ob das Hinzufügen von Anführungszeichen dies jedoch lösen wird)
Xiaoyong Zhu

4
Dies funktioniert möglicherweise bei normalen Github-Repos, jedoch nicht bei Gists ( gist.github.com ).
Beni Cherniavsky-Paskin

Ich habe festgestellt, dass Sie keine Ordnertiefe in einem Kern haben können, aber wenn alles auf Root-Ebene ist, können Sie mehrere Dateien in einem Kern haben. Über die Web-Benutzeroberfläche können Sie nur Text hochladen. Wenn Sie das Hauptrepository jedoch lokal aufrufen, können Sie es festschreiben. Ich habe festgestellt, dass Sie ein persönliches Zugriffstoken generieren müssen, wenn Sie 2FA in Ihrem Konto haben: github.com/settings/tokens . Leider wird ein Pfad generiert, den Sie lokal nicht haben können. Sie müssen ihn daher hochladen und dann einen absoluten Pfad zum Bild verwenden.
CTS_AE

3

Laut http://blog.rodneyrehm.de/archives/35-Including-Data-From-Github.html ist das Problem bei der Verwendung von https: //gist.github.com/user/605560c2961cb3025038/raw/b75d2 ... 6e8 / img.png

ist, dass der b75d2...6e8Teil pro Datei variiert (ein schnelles Experimentieren bestätigt, dass es sich um die Git-Blob-ID handelt). Sie können diesen Teil jedoch löschen, was zu einer URL führt, die auf die neueste Version verweist:

https://gist.github.com/user/605560c2961cb3025038/raw/img.png

oder um ein funktionierendes Beispiel zu nehmen:

https://gist.githubusercontent.com/cben/46d9536baacb7c5d196c/raw/dodgetocat_v2.png

Relativer Pfad?

Dies funktioniert auch als relativer Pfad raw/dodgetocat_v2.png!
Github kann jedoch (Stand Ende 2017) denselben Inhalt aus zwei URLs rendern:

[AKTUALISIERT im Dezember 2017. Frühere Probleme mit Rohdateien, die als Attribute für das Content-Type: application/octet-streamUmschreiben srcvon Bildern dienten camo.githubusercontent.com, treten nicht mehr auf, zumindest nicht für Bilder aus demselben Kern.]

Leider können wir nicht einfach die erste URL verwenden und darauf vertrauen, dass sie immer funktioniert.

  • Derzeit gibt weder das Formular eine Weiterleitung zurück, noch dient es einer rel = kanonischen Verknüpfung. Ich würde nicht darauf wetten, dass Github dies niemals ändert!
  • Alle internen Hauptlinks (z. B. von der Benutzerseite https://gist.github.com/cben/ ) lassen den abschließenden Schrägstrich weg :-(
  • In den Google-Suchergebnissen wird der abschließende Schrägstrich weggelassen :-(

(Sie könnten einen relativen Pfad verwenden 46d9536baacb7c5d196c/raw/dodgetocat_v2.png, der nur ohne einen abschließenden Schrägstrich funktioniert , aber das ist auch eine fragwürdige Idee und weniger wert - nicht wirklich flexibler als eine vollständige URL.)

Verwenden Sie einen Proxy?

Beide können mit einem Proxy umgangen werden, der den Inhaltstyp repariert, z. B. Rawgit oder Bl.ocks.org (nicht von Github, missbrauchen Sie sie nicht). Leider rendert Rawgit Markdown nicht, sondern liefert nur Dateien wie sie sind, und Bl.ocks.org rendert Markdown, aber die URL-Struktur ist so, dass relative Links nicht funktionieren. Dies bedeutet, dass Sie entweder auf die vollständige externe URL in Markdown oder auf die relative URL in HTML verweisen können :-(

Siehe https://gist.github.com/cben/46d9536baacb7c5d196c/ , und Ihr index.html wird angezeigt über:


2

Ja, der relative Link funktioniert für mich. Ich verwende pancake.io, um meine Seiten zu hosten. http://pancake.io/2c8aa8/topics/cpp/cpp.md

Die Bilder auf dieser Seite befinden sich im cppOrdner.

Der für das erste Bild verwendete Markdown-Code lautet

![C++ Var Types](basic_cpp_var_types.png)

Der Markdown-Code (eigentlich HTML), der für das zweite Bild verwendet wird, lautet

<div style='float: center'>
  <img style='width: 600px' src="prefixpostfixincrement.png"></img>
</div>

HINWEIS: Ich habe den wesentlichen Teil verpasst. Versuchen Sie es mit HTML, wenn gist die relative Bildpfadsyntax für Markdowns nicht unterstützt.


Der HTML-Weg funktioniert nicht. Es ist mehr ein Problem von Gist als Markdown
Alienlebarge

2

gerade getestet ... ich konnte keine relativen URLs im Github-Wiki verwenden.

Ich musste das Bild zum Wiki-Repo hinzufügen, dann das Repo durchsuchen und es mir von Github zeigen lassen (damit ich die URL abrufen konnte). Verwenden Sie dann die vollständige URL im Markdown. Glücklicherweise sind die URLs einfach vorherzusagen:https://github.com/*username*/*reponame*/wiki/*imagename.png*

Ich habe diese Isse beim Github-Support eingereicht.


Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.