logo标签列表

在GitHub的README.md文件中，图片无法显示

imageurlgithub
68

我正在尝试使用以下的 Markdown 语法向我的仓库的 README.md 添加一张图片：

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

然而，当我访问我的代码库时，图片并没有显示出来。相反，链接到图片的地址显示了出来。点击该链接会在新窗口中打开图片。

我也尝试使用相对路径：

![ScreenShot](screenshot.jpg)

但是这会导致页面找不到错误。

在 README.md 中显示图片的正确 Markdown 是什么？

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

在 GitHub 的 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)
可能是在GitHub上将图像添加到README.md的重复问题。 - ashokramcse
突然间，“问题”又重新出现了。先前可以正常渲染的图片现在无法显示。不仅是我的仓库，其他仓库也有这个问题。怎么回事？ - lifebalance
没关系！它们现在似乎可以工作了...我甚至在另一个仓库上提出了这个问题！https://github.com/arshadkazmi42/first-issues/issues/87 - lifebalance
https://stackoverflow.com/a/77319849/4393351 - undefined
14个回答
0

我已经测试了“复制路径”，在某些位置它可以工作，在其他位置则无法工作。

enter image description here

在某些情况下，我复制了永久链接并使用它代替。
0

这是为了帮助仍然在README.md文件中遇到图像渲染问题的人而编写的：

如果您的图像命名为Some Name.png，并且您尝试像这样在README.md中附加它：![Some Name](relative/path//res/Some Name.png)，那么将不起作用。图像必须没有任何空格保存在文件名中。

因此，使用Some_Name.png及![Some Name](relative/path//res/Some_Name.png)将会起作用。

0
我在添加自述文件中的图像时遇到了同样的问题，但以下方法对我无效：
  1. [alt text](relativePath/file.png)，尽管我的文件扩展名和路径都是正确的
  2. 在<p>标签中添加
<p>
   <img src="relativePath/file.png" width="220" height="240" /> 
</p>
以下是我成功使用的方法： 将图片拖放到 readme.md 文件中，然后添加以下代码片段：
![alt-text](https://github.com/user/repo/assets/asset_id)
-1
我不得不添加一个<br>来换行，以便图片能够在我的页面上显示出来。这个发现是受到了这个帖子中的评论的启发，评论中建议在<p>标签后面留一个空行。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接