L’image ne s’affiche pas dans README.md sur GitHub

J’essaie d’append une image au fichier README.md dans mon référentiel en utilisant la balise 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. Au lieu de cela, le lien vers l’image apparaît. Cliquez sur le lien pour ouvrir l’image dans une nouvelle fenêtre.

J’ai aussi essayé d’utiliser le chemin relatif:

 ![ScreenShot](screenshot.jpg) 

Mais c’est donner une erreur de page non trouvée.

Quelle est la balise correcte pour afficher l’image dans README.md

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

Quelle est la bonne façon d’afficher une image dans github README.md?

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) 

Contenu mis à jour

Depuis le 30 janvier 2013, GitHub prend désormais en charge les liens relatifs dans les documents de balisage.

Cela signifie que votre code ![ScreenShot](screenshot.jpg) fonctionnerait désormais parfaitement.

Comme le souligne @Brad, cela peut également faciliter un scénario où les images sont différentes dans deux twigs, mais sont identiques. Dans ce cas, le passage d’une twig à une autre permuterait dynamicment l’image dans la vue rendue, sans aucune modification du contenu du fichier Lisez-moi.

  • Blog post annonce
  • Article d’aide

Réponse précédente quand GitHub ne supportait pas les liens relatifs

Vous devez utiliser le format d’URL brut. Dans votre cas, ce serait https://raw.githubusercontent.com/i-saumitra/Voice-controlled-MP3-Player/master/screenshot.jpg

Cela signifie que la correction correcte serait la suivante

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

Utiliser ceci dans un fichier .md sur github affichera l’image suivante 🙂

Capture d'écran

Mise à jour suite à votre commentaire

où est-ce officiellement documenté que nous devons utiliser brut … je ne pouvais pas le trouver n’importe où

Ce format d’URL est une fonctionnalité non documentée du site GitHub. Cela signifie que cela pourrait changer plus tard. Si cela se produit, afin de “redécouvrir” le nouveau format, cliquez sur le bouton Raw lors de l’affichage d’une image. Cela “ouvrira” l’image dans votre navigateur. Copiez l’URL et Voilà!

brut

Remarque: Bien que le référentiel ne soit plus hébergé sur GitHub, j’ai mis à jour les URL pour refléter la nouvelle politique de GitHub concernant le contenu de l’utilisateur

Vous devriez vraiment utiliser des URL relatives. De cette façon, ils fonctionneront mieux pour les pensions privées.

 ![ScreenShot](/screenshots/latest.png) 

en supposant que votre repo a latest.png dans le dossier des captures d’écran.

~ B

Note latérale, lorsque vous utilisez reStructuredText, utilisez:

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

Pour que les URL relatives fonctionnent avec des images, enveloppez-les dans la balise de paragraphe.

J’étais confronté au problème, en particulier lorsque je travaillais avec l’image unique.

Exemple:

 

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 que je peux aider à éclairer cette question, car elle couvre les possibilités de ne pas rendre les images dans le fichier README.md .

Le issue j’ai rencontré est que le fichier README.md nom de fichier est écrit en tant que readME

Non seulement son manquant .md aussi écrit différemment.

Apparemment, nous ne devrions pas renommer le fichier README.md . Il doit s’agir du nom d’origine de ce fichier afin de rendre les images ou les gifs que vous souhaitez télécharger sur la page github README.md . J’espère que cela aidera quelqu’un, dans de rares occasions, tout comme moi.