L'image ne s'affiche pas dans le fichier README.md sur GitHub

Question

J'essaie d'ajouter une image à l README.md dans mon dépôt en utilisant le markdown ci-dessous :

![ScreenShot](https://github.com/i-saumitra/Voice-controlled-MP3-Player/blob/master/screenshot.jpg)

Mais l'image ne s'affiche pas lorsque je visite mon référentiel. C'est le lien vers l'image qui s'affiche. En cliquant sur le lien, l'image s'ouvre dans une nouvelle fenêtre.

J'ai également essayé d'utiliser un chemin relatif :

![ScreenShot](screenshot.jpg)

Mais cela donne une erreur de page non trouvée.

Quel est le bon langage de balisage pour afficher une image dans le texte suivant README.md

Les deux sites README.md et le fichier image sont dans le même chemin/répertoire.

Quelle est la manière correcte d'afficher une image dans le fichier README.md de github ?

Le contenu complet du fichier README.md est le suivant :

Voice-controlled-MP3-Player
===========================

A MP3 player which accept voice command like PLAY, PAUSE, FORWARD, etc. Using C# and Microsoft Speech API.

![ScreenShot](https://github.com/i-saumitra/Voice-controlled-MP3-Player/blob/master/screenshot.jpg)

Answer 1

Cela peut ne pas être pertinent pour les réponses précédentes. J'ai la même question que l'OP - j'ai été dirigé ici et cela ne m'a pas aidé. J'espère cependant pouvoir apporter un éclairage à cette question, car elle couvre toutes les possibilités pour lesquelles les images ne sont pas rendues dans le système d'exploitation. README.md archivo.

El issue J'ai rencontré que le nom du fichier README.md est écrit comme readME

Non seulement il manque .md Elle est également écrite différemment.

Apparemment, nous ne devrions pas renommer le README.md fichier. Il doit s'agir du nom original de ce fichier afin de rendre les images ou les gifs que vous souhaitez télécharger sur github. README.md page. J'espère que cela aidera quelqu'un, en de rares occasions, comme je l'ai fait.

Answer 2

Vérifiez les extensions de fichiers car .png n'est pas la même chose que .PNG .

Utilisez également / au lieu de \ tout en spécifiant le chemin du fichier.

Answer 3

Remarque : lorsque vous utilisez reStructuredText, utilisez :

.. image:: /screenshots/latest.png?raw=true

Answer 4

J'ai testé avec "Copy path" et dans certains endroits cela fonctionnait et dans d'autres non.

Dans les cas où ce n'était pas le cas, j'ai copié le permalien et l'ai utilisé à la place.

Answer 5

J'ai dû ajouter un <br> pour retourner une ligne afin que l'image s'affiche sur la mienne. Cette découverte a été inspirée par le commentaire dans ce fil de discussion de laisser une ligne vide après une balise.