图像没有显示在GitHub上的README.md中
我正在尝试使用下面的markdown将图像添加到我的存储库中的README.md :
![ScreenShot](https://github.com/i-saumitra/Voice-controlled-MP3-Player/blob/master/screenshot.jpg)
但是当我访问我的存储库时,图像没有显示。 而是显示图像的链接。 点击链接将在新窗口中打开图像。
我也尝试使用相对path:
![ScreenShot](screenshot.jpg)
但是这是给页面找不到错误。
在README.md中显示图像的正确降价是什么?
README.md和image文件都在相同的path/目录中。
在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)
更新的内容
自2013年1月30日起,GitHub现在支持标记文档中的相关链接。
这意味着你的代码![ScreenShot](screenshot.jpg)
现在可以完美地工作。
正如@Brad指出的那样,这也可以缓解图像在两个分支上不同的情况,但是也是一样的。 在这种情况下,从一个分支切换到另一个分支将dynamic地切换渲染视图中的图像,因此不需要对Readme内容进行任何更改。
- 博客post公告
- 帮助文章
以前的答案,当GitHub不支持相对链接
您必须使用原始url格式。 在你的情况下,将是https://raw.githubusercontent.com/i-saumitra/Voice-controlled-MP3-Player/master/screenshot.jpg
这意味着正确的减价将如下所示
![ScreenShot](https://raw.githubusercontent.com/i-saumitra/Voice-controlled-MP3-Player/master/screenshot.jpg)
在github的.md
文件中使用这个会显示下面的图片;-)
更新下面的评论
这官员在哪里logging,我们必须使用原始的…我无法find任何地方
这个URL格式是GitHub网站的一个未公开的特性。 这意味着它可以稍后改变。 如果发生这种情况,为了“重新发现”新格式,在显示图像时单击Rawbutton。 这将在浏览器中“打开”图像。 复制URL和Voilà!
注意:虽然存储库不再托pipe在GitHub上,但我已经更新了URL以反映有关用户内容的新GitHub策略
你真的应该使用相关的url。 这样他们也可以更好地进行私人回购。
![ScreenShot](/screenshots/latest.png)
假设你的repo在screenshots文件夹里有latest.png。
一B
注意,使用reStructuredText的时候使用:
.. image:: /screenshots/latest.png?raw=true