在我的例子中，我想在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标记调整图像大小，或者有其他方法。你可以在谷歌上搜索更多。如果你需要的话。

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

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

我需要在README文件中包含一些图像。我不知道该怎么做这样做。

我创建了一个小向导，允许您为GitHub存储库的自述文件创建和自定义简单的图像库：请参阅ReadmeGalleryCreatorForGitHub。

该向导利用了GitHub允许img标签出现在README.md中的事实。此外，该向导还利用了将图像上传到GitHub的流行技巧，方法是将图像拖放到问题区域（如本主题的一个答案中所述）。

如果添加多个屏幕截图并希望使用表格数据对齐它们以提高可访问性，请考虑使用表格，如下所示：

如果markdown解析器支持它，您还可以将role=“presentation”WIA-ARIA属性添加到TABLE元素，并省略th标记。

只需在README.md中添加一个＜img＞标记，并将相对src添加到存储库。如果您没有使用相对src，请确保服务器支持CORS。

它之所以有效，是因为GitHub支持内联html

<img src="/docs/logo.png" alt="My cool logo"/>
# My cool project and above is the logo of it

在此处观察