一步一步的过程，首先创建一个文件夹（命名您的文件夹），并添加要在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标记调整图像大小，或者有其他方法。你可以在谷歌上搜索更多。如果你需要的话。

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

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

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

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


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

用桌子突出，这会给它带来独特的魅力

表语法为：

按符号分隔每个列单元格|

表格标题（第一行）由第二行由---

|第1列|第2列||------------|-------------||图像1 |图像2|

输出

现在，如果使用两个图像，只需在图像1和图像2处放置<img src=“url/relativePath”>

注意：如果使用多个图像只是包含更多列，则可以使用width和height属性使其看起来可读。

实例

|第1列|第2列||------------|-------------||<img src=“https://media.wired.com/photos/5926db217034dc5f91becd6b/master/w_582，c_limit/so-go-s.jpg“width=”250“>|<img src=”https://mk0jobadderjftub56m0.kinstacdn.com/wp-content/uploads/stackoverflow.com-300.jpg“width=”250“>|

间距无关紧要

输出图像

帮助人：adam-p

无需编写任何代码。GitHub上的自述文件现在支持拖放

打开README.md文件单击“编辑此文件”拖放图像单击提交更改

一步一步的过程，首先创建一个文件夹（命名您的文件夹），并添加要在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标记调整图像大小，或者有其他方法。你可以在谷歌上搜索更多。如果你需要的话。

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

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

我通常在网站上托管图像，这可以链接到任何托管图像。把这个放在自述文件里。适用于.rst文件，不确定.md

.. image:: https://url/path/to/image
   :height: 100px
   :width: 200 px
   :scale: 50 %