url-图像未显示在GitHub的README.md中

我正在尝试使用下面的markdown将映像添加到我的存储库中的README.md中:

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

但是,当我访问存储库时,该图像没有显示。而是显示了指向图像的链接。 单击链接将在新窗口中打开图像。

我也尝试过使用相对路径:

![ScreenShot](screenshot.jpg)

但这给页面未找到错误。

在README.md中显示图像的正确减价是多少

README.md和映像文件都在同一路径/目录中。

在README.md中显示图像的正确方法是什么?

README.md文件的完整内容如下:

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)
AnonGeek asked 2020-08-10T10:00:12Z
5个解决方案
66 votes

更新内容

自2013年1月30日起,GitHub现在支持标记文档中的相对链接。

这意味着您的代码.md现在可以正常工作。

正如@Brad指出的那样,这还可以缓解以下情况:两个分支中的图像不同,但具有相同的图像。 在那种情况下,从一个分支切换到另一个分支将动态地在渲染视图中切换图像,因此无需对自述内容进行任何更改。

  • 博客文章公告
  • 帮助文章

GitHub不支持相对链接时的先前答案

您必须使用原始网址格式。 在您的情况下,这将是[https://raw.githubusercontent.com/i-saumitra/Voice-control-MP3-Player/master/screenshot.jpg]

这意味着正确的降价如下

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

在GitHub上的30050663574122014201472文件中使用此文件将显示以下图片;-)

ScreenShot

更新您的评论

这个正式记录在哪里,我们必须使用原始...我在任何地方都找不到

此URL格式是GitHub站点的未记录功能。 这意味着以后可能会更改。 如果发生这种情况,为了“重新发现”新格式,请在显示图像时单击“原始”按钮。 这将“打开”浏览器中的图像。 复制网址和Voilà!

raw

注意:尽管该存储库不再托管在GitHub上,但我已经更新了URL以反映有关用户内容的GitHub新政策

nulltoken answered 2020-08-10T10:01:16Z
31 votes

您确实应该使用相对网址。 这样,它们也可以更好地处理私人仓库。

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

假设您的存储库在screenshots文件夹内具有Latest.png。

〜B

bosky101 answered 2020-08-10T10:01:44Z
7 votes

要使相对URL处理图像,请将其包装在段落标记中。

我正面临这个问题,尤其是在处理单个图像时。

例:

<p>
    <img src="relativePath/file.png" width="220" height="240" />
</p>
Rakesh Yembaram answered 2020-08-10T10:02:14Z
1 votes

这可能与以前的答案无关。 我有与OP相同的问题-我被引导到这里,但并没有帮助我。 我希望我能为这个问题提供更多帮助-因为它涵盖了为什么图像不能在README.md文件中呈现的可能性。

我遇到的README.md是文件名README.md文件写为readME

不仅缺少的README.md的书写方式也不同。

显然,我们不应该重命名README.md文件。 它必须是该文件的原始名称,以便呈现要上传到github README.md页面上的图像或gif。 希望这能像我一样在极少数情况下对某人有所帮助。

Gel answered 2020-08-10T10:02:49Z
0 votes

附带说明,在使用reStructuredText时,请使用:

.. image:: /screenshots/latest.png?raw=true
brianray answered 2020-08-10T10:03:09Z
translate from https://stackoverflow.com:/questions/11915826/image-not-showing-up-in-readme-md-on-github