这个对我有用！！！。

![alt text](https://github.com/[username]/[reponame]/blob/[branch]/image.jpg?raw=true)

alt text是在图像URL不存在的情况下要显示的可选文本。

user_name是您的GitHub用户名。reponame是您的GitHub repo名称。

我只是在已经接受的答案上延伸或添加一个例子。

一旦您将图像放到Github存储库中。

然后：

在浏览器上打开相应的Github repo。导航到目标图像文件，然后在新选项卡中打开图像。复制url最后将url插入到以下模式！[替换文本](https://raw.githubusercontent.com/username/projectname/branch/path/to/img.png)

就我的情况而言


哪里

shadmazumder是我的用户名Xcode是项目名称master是分支InOnePicture.png是图像，在我的情况下，InOnePicture.php位于根目录中。

如果您想显示任何网站上托管的图像（假设url为“http://abc.def.com/folder/image.jpg”），那么在README.md文件中使用以下语法：![alt-text]（<http://abc.def.com/folder/image.jpg>）

只需在浏览器中浏览图像（可以通过单击图像）。它可以是任何网站，包括你的或其他人的github托管图像。从浏览器地址栏中复制url，即要在上述语法中使用的“image_url”。

对于托管在您自己的github存储库中的图像，除了上述url格式之外，您还可以使用相对路径![alt-text]（<path_relative_to_current_github_location/image.jpg>）如果图像与README.md文件位于同一文件夹中（相对路径url的特殊情况），则可以使用：![alt-text]（<image.jpg>）

注意url周围的尖括号“<”和“>”。有时，这些是url工作所必需的。

有两种简单的方法可以做到这一点，

1） 使用HTML img标记，

2) ![]（保存图像的路径/image-name.png）

打开图像时，可以从浏览器中的URL复制路径。可能会出现间距问题，因此请确保在路径或图像名称add->%20中是否有空格b/w两个字。就像浏览器一样。

如果你想了解更多，可以查看我的github->https://github.com/adityarawat29

在我的例子中，我想在Github上显示打印屏幕，但也在NPM上显示。尽管使用相对路径在Github内部有效，但在Github之外却无法正常工作。基本上，即使我也将项目推到了NPM（它只是使用了相同的readme.md），图像也从未显示。

我尝试了几种方法，最后这对我有用：


我现在可以在NPM或任何其他我可以发布我的包的地方正确地看到我的图像。

一步一步的过程，首先创建一个文件夹（命名您的文件夹），并添加要在Readme.md文件中上载的图像。（您也可以将图像添加到项目的任何现有文件夹中。）现在，单击Readme.md文件的编辑图标，然后

![](relative url where images is located/refrence_image.png)  // refrence_image is the name of image in my case.

添加图像后，您可以在“预览更改”选项卡中看到更改的预览。您可以在此处找到您的图像。例如像这样，在我的情况下，

![](app/src/main/res/drawable/refrence_image.png)

app文件夹->src文件夹->主文件夹->res文件夹->可绘制文件夹->和内部可绘制文件夹reference_image.png文件。要添加多个图像，可以这样做，

![](app/src/main/res/drawable/refrence_image1.png)
![](app/src/main/res/drawable/refrence_image2.png)
![](app/src/main/res/drawable/refrence_image3.png)

注意1-确保图像文件名不包含任何空格。如果它包含空格，则需要为文件名之间的每个空格添加%20。最好去掉空格。

注意2-您甚至可以使用HTML标记调整图像大小，或者有其他方法。你可以在谷歌上搜索更多。如果你需要的话。

之后，编写提交更改消息，然后提交更改。

还有很多其他的技巧，比如创建问题等等。到目前为止，这是我遇到的最好的方法。