如何将图像添加到GitHub上的README.md？

最近我加入了GitHub。我在那里主持了一些项目。

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

我搜索了一下，但得到的只是一些链接，告诉我“在web上托管图像并在README.md文件中指定图像路径”。

是否有任何方法可以在不在任何第三方网络托管服务上托管图像的情况下做到这一点？

当前回答

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

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

然后：

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

就我的情况而言

![在一张图片中](https://raw.githubusercontent.com/shadmazumder/Xcode/master/InOnePicture.png)

哪里

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

其他回答

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

1）使用HTML img标记，

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

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

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

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

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

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

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

![预览](https://raw.githubusercontent.com/username/project/master/image-path/image.png)

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

在文件夹（myFolder）中提交图像（image.png），并在README.md中添加以下行：

![可选文本]（../master/myFolder/image.png）

我们可以简单地做到这一点，

在GitHub上创建新问题在Issue的body div上拖放图像

几秒钟后，将生成一个链接。现在，复制链接或图像URL并使用任何支持的平台。

推荐文章