Comment afficher une image locale dans Markdown

J'essaie ce qui suit dans Markdown, mais cela ne semble pas fonctionner, quelqu'un sait comment afficher une image locale dans Markdown? Je ne veux pas configurer de serveur Web pour cela. Merci

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

Je soupçonne que le chemin n'est pas correct. Comme mentionné par user7412219, ubuntu et windows traitent le chemin différemment. Essayez de mettre l'image dans le même dossier que votre notebook et utilisez:

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

Sous Windows, le bureau doit être à: C: \ Users \ jzhang \ Desktop

Ce qui suit fonctionne avec un chemin relatif vers une image dans un sous-dossier à côté du document (actuellement testé uniquement sur un système Windows):

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

La meilleure solution consiste à fournir un chemin relatif au dossier dans lequel se trouve le document md.

Un navigateur a probablement des problèmes lorsqu'il tente de résoudre le chemin absolu d'un fichier local. Cela peut être résolu en accédant au fichier via un serveur Web, mais même dans cette situation, le chemin de l'image doit être correct.

Avoir un dossier au même niveau du document, contenant toutes les images, est la solution la plus propre et la plus sûre. Il se chargera sur GitHub, serveur Web local et local.

images_folder/img.jpg  < works


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

En utilisant le chemin absolu, l'image ne sera accessible qu'avec une URL comme celle-ci: http: //hostname.doesntmatter/image_folder/img.jpg

PAS À PAS :

1. Créez un répertoire nommé comme Images et mettez toutes les images qui seront rendues par le Markdown.

2. Par exemple, mettez example.png dans Images .

3. Pour charger example.png qui se trouvait auparavant sous le répertoire Images .

![title](Images/example1.png)

Remarque : le répertoire des images doit être situé sous le même répertoire de votre fichier texte de démarque qui a l'.mdextension.

Pour ajouter une image dans le fichier markdown, le fichier .md et l'image doivent se trouver dans le même répertoire. Comme dans mon cas, mon fichier .md était dans le dossier doc, j'ai donc également déplacé l'image dans le même dossier. Après cela, écrivez la syntaxe suivante dans le fichier .md

![alt text](filename)

comme ![Car Image](car.png)

Cela a fonctionné pour moi.

L'ajout d'une image locale a fonctionné pour moi comme suit: ![alt text](file://IMG_20181123_115829.jpg)

Sans le file://préfixe, cela ne fonctionnait pas (Win10, Notepad ++ avec l'addon MarkdownViewer ++)

Edit: j'ai découvert que cela fonctionnait également avec les balises html, et c'est bien mieux: <img src="file://IMG_20181123_115829.jpg" alt="alt text" width="200"/>

Edit2: Dans l'éditeur Atom, cela ne fonctionne que sans le file://préfixe. Quel bordel.

À ma connaissance, pour VSCode sous Linux, l'image locale ne peut normalement être affichée que lorsque vous placez l'image dans le même dossier que votre .mdfichier de publication.
c'est à dire seulement ![](image.jpg)ou ![](./image.jpg)fonctionnera.
Même le chemin absolu ![](/home/bala/image.jpg)ne fonctionne pas non plus.

Édité:

Travailler pour moi (pour l'image locale)

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

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

Le fichier markdown README.md est au même niveau que le répertoire doc.

Dans votre cas, votre fichier de démarque doit être au même niveau que les fichiers de répertoire.

Travailler pour moi (URL absolue avec chemin brut)

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

Ne fonctionne pas pour moi (URL avec chemin blob)

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

Une autre possibilité pour l'image locale non affichée est le retrait involontaire de la référence de l'image - espaces avant ![alt text](file).

Cela en fait un "bloc de code" au lieu de "l'inclusion d'image". Supprimez simplement les espaces de début.

J'ai eu des problèmes avec l'insertion d'images dans R Markdown. Si je fais l'URL entière: C:/Users/Me/Desktop/Project/images/image.pngcela a tendance à fonctionner. Sinon, je dois mettre la démarque dans le même répertoire que l'image ou dans un répertoire ancêtre de celle-ci. Il semble que le répertoire de tricot déclaré soit ignoré lors du référencement des images.

En fonction de votre outil, vous pouvez également injecter du HTML dans le démarquage.

<img src="./img/Isolated.png">

Cela suppose que votre structure de dossiers est:

 ├── img
     └── Isolated.jpg
 ├── README.md

Placez l'image dans le même dossier que le fichier markdown ou utilisez un chemin relatif vers l'image.

copiez simplement l'image et collez-la, vous obtiendrez la sortie

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

Dans Jupyter Notebook Markdown , vous pouvez utiliser

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

Pas besoin de configurer un serveur Web

J'ai essayé de télécharger mon image locale dans la section des commentaires de l'essentiel et j'ai simplement copié et collé l'URL générée. A travaillé pour moi 😊

J'ai une solution:

a) Exemple Internet:

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

b) Exemple d'image locale:

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

TurboByte