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

Question

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 ?

Answer 1

Ajoutez l'image dans votre référentiel à partir de l'option de téléchargement de fichier puis dans le fichier README.

![Alt text]("enter repository image URL here")

Answer 2

Il y a encore une autre option que je n'ai pas vue mentionnée. Vous pouvez simplement créer un autre dépôt sous votre utilisateur ou organisation appelé "assets". Mettez vos images dans ce dépôt et référencez-les à partir de vos autres dépôts :

![alt text](https://raw.githubusercontent.com/my-org/assets/master/folder/logo.png)

J'ai fait ça dans un de mes repos et cela me convient parfaitement. Je peux versionner mes images README pour tous mes projets indépendamment de mon code, tout en les conservant dans un seul et même endroit. place . Pas besoin de numéros, de branches ou d'autres artefacts faciles à égarer.

Answer 3

Nous pouvons le faire simplement,

• créer un nouvel enjeu sur GitHub
• glisser et déposer des images sur le corps div de l'émission

après quelques secondes, un lien sera généré. Maintenant, copiez le lien ou l'URL de l'image et utilisez-le sur n'importe quelle plate-forme prise en charge.

Answer 4

Si vous voulez afficher une image hébergée sur un site web (disons que l'url est " http:// abc.def.com/folder/image.jpg "), alors dans votre README.md utilisez la syntaxe suivante :

![alt text](<http:// abc.def.com/folder/image.jpg>)

• Il suffit de naviguer jusqu'à l'image dans votre navigateur (peut-être en cliquant sur l'image). Il peut s'agir de n'importe quel site web, y compris le vôtre ou l'image hébergée sur Github par quelqu'un d'autre.
• Copiez l'url de la barre d'adresse du navigateur, c'est votre "image_url" à utiliser dans la syntaxe mentionnée ci-dessus.

---

Pour les images hébergées dans votre propre dépôt github, vous pouvez utiliser un chemin relatif en plus du format d'URL ci-dessus.
![alt text](<path_relative_to_current_github_location/image.jpg>)

---

Si l'image est située dans le même dossier que l'image de l'application README.md (cas particulier de l'url de chemin relatif), alors vous pouvez utiliser :
![alt text](<image.jpg>)

---

Notez les parenthèses angulaires "<" et ">" entourant l'url. Parfois, ces éléments sont nécessaires pour que l'url fonctionne.