So zeigen Sie ein lokales Bild im Markdown an

Ich versuche Folgendes in Markdown, aber es scheint nicht zu funktionieren. Weiß jemand, wie man ein lokales Bild in Markdown anzeigt? Ich möchte dafür keinen Webserver einrichten. Vielen Dank

![image](files/Users/jzhang/Desktop/Isolated.png)

Ich vermute, der Pfad ist nicht korrekt. Wie von user7412219 erwähnt, behandeln Ubuntu und Windows den Pfad unterschiedlich. Versuchen Sie, das Bild in denselben Ordner wie Ihr Notizbuch zu legen, und verwenden Sie:

![alt text](Isolated.png "Title")

Unter Windows sollte sich der Desktop unter folgender Adresse befinden: C: \ Users \ jzhang \ Desktop

Das Folgende funktioniert mit einem relativen Pfad zu einem Bild in einen Unterordner neben dem Dokument (derzeit nur auf einem Windows-System getestet):

![image info](./pictures/image.png)

Die beste Lösung besteht darin, einen Pfad relativ zu dem Ordner anzugeben, in dem sich das MD-Dokument befindet.

Wahrscheinlich ist ein Browser in Schwierigkeiten, wenn er versucht, den absoluten Pfad einer lokalen Datei aufzulösen. Dies kann durch Zugriff auf die Datei über einen Webserver gelöst werden, aber selbst in dieser Situation muss der Bildpfad richtig sein.

Ein Ordner auf derselben Ebene des Dokuments mit allen Bildern ist die sauberste und sicherste Lösung. Es wird auf GitHub, einem lokalen, lokalen Webserver, geladen.

images_folder/img.jpg  < works


/images_folder/img.jpg  < this will work on webserver's only (please read the note!)

Unter Verwendung des absoluten Pfads kann auf das Bild nur mit einer URL wie der folgenden zugegriffen werden : http: //hostname.doesntmatter/image_folder/img.jpg

SCHRITT FÜR SCHRITT :

1. Erstellen Sie ein Verzeichnis mit dem Namen " Bilder" und fügen Sie alle Bilder ein, die vom Markdown gerendert werden.

2. Fügen Sie beispielsweise example.png in Images ein .

3. Zum Laden von example.png , das sich zuvor im Verzeichnis Images befand .

![title](Images/example1.png)

Hinweis : Das Bilderverzeichnis muss sich im selben Verzeichnis wie Ihre Markdown-Textdatei mit der.mdErweiterung befinden.

Um ein Bild zur Markdown-Datei hinzuzufügen, sollten sich die MD-Datei und das Bild im selben Verzeichnis befinden. Wie in meinem Fall befand sich meine MD-Datei im Ordner doc, sodass ich das Bild auch in denselben Ordner verschoben habe. Danach schreiben Sie die folgende Syntax in die MD-Datei

![alt text](filename)

mögen ![Car Image](car.png)

Das hat bei mir funktioniert.

Das Hinzufügen eines lokalen Bildes hat für mich folgendermaßen funktioniert: ![alt text](file://IMG_20181123_115829.jpg)

Ohne das file://Präfix funktionierte es nicht (Win10, Notepad ++ mit MarkdownViewer ++ Addon)

Bearbeiten: Ich habe herausgefunden, dass es auch mit HTML-Tags funktioniert, und das ist viel besser: <img src="file://IMG_20181123_115829.jpg" alt="alt text" width="200"/>

Edit2: Im Atom-Editor funktioniert es nur ohne das file://Präfix. Was für ein Chaos.

Meines Wissens kann für VSCode unter Linux das lokale Image normalerweise nur angezeigt werden, wenn Sie das Image in denselben Ordner wie Ihre .mdPost-Datei legen .
dh nur ![](image.jpg)oder ![](./image.jpg)wird funktionieren.
Auch der absolute Weg wie ![](/home/bala/image.jpg)funktioniert nicht.

Bearbeitet:

Arbeiten für mich (für lokales Bild)

![system schema](doc/systemDiagram.jpg)

 tree
 ├── doc
     └── jobsSystemSchema.jpg
 ├── README.md

Die Markdown-Datei README.md befindet sich auf derselben Ebene wie das Verzeichnis doc.

In Ihrem Fall sollte sich Ihre Markdown-Datei auf derselben Ebene wie die Verzeichnisdateien befinden.

Arbeiten für mich (absolute URL mit rohem Pfad)

![system schema](https://server/group/jobs/raw/master/doc/systemDiagram.jpg)

NICHT für mich arbeiten (URL mit Blob-Pfad)

![system schema](https://server/group/jobs/blob/master/doc/systemDiagram.jpg)

Eine andere Möglichkeit für ein nicht angezeigtes lokales Bild ist das unbeabsichtigte Einrücken der Bildreferenzräume vor ![alt text](file).

Dies macht es zu "Codeblock" anstelle von "Bildeinschluss". Entfernen Sie einfach die führenden Leerzeichen.

Ich hatte Probleme beim Einfügen von Bildern in R Markdown. Wenn ich die gesamte URL mache: C:/Users/Me/Desktop/Project/images/image.pngEs funktioniert normalerweise . Andernfalls muss ich den Markdown entweder im selben Verzeichnis wie das Bild oder in einem Ahnenverzeichnis ablegen. Es scheint, dass das deklarierte Strickverzeichnis beim Verweisen auf Bilder ignoriert wird.

Legen Sie das Bild entweder im selben Ordner wie die Markdown-Datei ab oder verwenden Sie einen relativen Pfad zum Bild.

Kopieren Sie einfach das Bild und fügen Sie es ein. Sie erhalten die Ausgabe

![image.png](attachment:image.png)

In Jupyter Notebook Markdown können Sie verwenden

<img src="RelPathofFolder/File" style="width:800px;height:300px;">

Sie müssen keinen Webserver einrichten

Ich habe versucht, mein lokales Bild im Kommentarbereich des Inhalts hochzuladen und die generierte URL einfach kopiert und eingefügt. Hat für mich gearbeitet 😊

Ich habe eine Lösung:

a) Beispiel Internet:

![image info e.g. Alt](URL Internet to Images.jpg "Image Description")

b) Beispiel für ein lokales Bild:

![image Info](file:///<Path to your File><image>.jpg "Image Description")
![image Info](file:///C:/Users/<name>/Pictures/<image>.jpg "Image Description")

TurboByte