3229 votes

Comment ajouter des images au fichier README.md sur GitHub ?

Récemment, j'ai rejoint GitHub . J'y ai hébergé quelques projets.

J'ai besoin d'inclure des images dans mon fichier README. Je ne sais pas comment faire.

J'ai fait des recherches à ce sujet, mais tout ce que j'ai obtenu, ce sont des liens qui me disent "d'héberger les images sur le web et de spécifier le chemin de l'image dans le fichier README.md".

Existe-t-il un moyen de faire cela sans héberger les images sur des services d'hébergement Web tiers ?

14 votes

11 votes

Duplicata de stackoverflow.com/questions/10189356/ qui a été publié en 2012.

219 votes

Sans être hors sujet, GitHub est un outil pour les programmeurs.

12voto

Prashant Gaikwad Points 291

Dans la nouvelle interface utilisateur de Github, cela fonctionne pour moi -

Exemple - Enregistrez votre image.png dans un dossier (myFolder) et ajoutez la ligne suivante dans votre README.md :

![Optional Text](../main/myFolder/image.png)

11voto

Daniel Points 1346

Tu peux juste le faire :

git checkout --orphan assets
cp /where/image/currently/located/on/machine/diagram.png .
git add .
git commit -m 'Added diagram'
git push -u origin assets

Ensuite, vous pouvez simplement le référencer dans le README comme suit :

![diagram](diagram.png)

1 votes

Parfait et croustillant.

1 votes

Ça marche, En fait, je pense que cette réponse devrait être acceptée.

9voto

Farbod Aprin Points 51

JUSTE CES TRAVAUX !

Veillez à ce que le nom de votre fichier soit en majuscules dans la balise et mettez le fichier PNG à la racine, et créez un lien vers le nom du fichier sans chemin d'accès :

![Screenshot](screenshot.png)

0 votes

Ici (screenshot.png) est le chemin relatif du fichier readme.md. Par exemple, j'avais (images/landing_page.png)

8voto

Adam Hughes Points 4177

J'héberge généralement l'image sur le site, mais ce lien peut renvoyer à n'importe quelle image hébergée. Il suffit de le mettre dans le fichier readme. Fonctionne pour .rst mais je ne suis pas sûr pour les fichiers .md

.. image:: https://url/path/to/image
   :height: 100px
   :width: 200 px
   :scale: 50 %

8voto

ylgwhyh Points 391

J'ai résolu ce problème. Il suffit de se référer au fichier readme de quelqu'un d'autre.

Tout d'abord, vous devez télécharger un fichier image dans la bibliothèque de code github ! Ensuite, il faut faire une référence directe à l'adresse du fichier image.

enter image description here

enter image description here

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