95 votes

Comment afficher les images dans les fichiers Markdown sur Github ?

Je veux afficher des images dans un fichier Markdown sur Github. J'ai trouvé que cela fonctionne de cette façon :

![Figure 1-1](https://raw.github.com/username/repo/master/images/figure 1-1.png "Figure 1-1")

Mais j'ai besoin de collaborer avec d'autres personnes et je ne veux pas que le nom d'utilisateur et le nom du dépôt soient codés en dur.

J'ai essayé d'utiliser ça :

![Figure 1-1](images/figure 1-1.png "Figure 1-1")

Cela fonctionne sur mon disque local mais pas sur Github.

Quelqu'un connaît-il ce problème ?

156voto

MrROY Points 2985

J'ai trouvé la réponse moi-même.

Il suffit d'ajouter ?raw=true à l'url de l'image fera l'affaire :

![](images/table 1-1.png?raw=true)

30voto

foz Points 353

Je viens d'avoir le même problème et il s'est avéré être causé par l'espace dans l'URL. En codant manuellement l'espace dans l'URL comme %20 Je l'ai réparé.

Donc, en utilisant votre exemple, j'ai changé :

![](images/table 1-1.png)

à :

![](images/table%201-1.png)

2021 Edit : Merci à Emilio d'avoir signalé que la spécification markdown à la sauce GitHub a été mise à jour pour autoriser les espaces dans les noms de fichiers lorsque ceux-ci sont entourés de crochets (d'angle) "pointus" :

The destination can only contain spaces if it is enclosed in pointy brackets
Example 498
[link](</my uri>) --> <p><a href="http://stackoverflow.com/my%20uri">link</a></p>

Réf : https://github.github.com/gfm/#example-498 (faire défiler vers le haut pour la description)

Cela fonctionne également avec les images et nous pouvons donc utiliser :

![](<images/table 1-1.png>)

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X