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

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

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

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

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

当前回答

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

1）使用HTML img标记，

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

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

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

其他回答

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

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

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

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

我找到了另一个解决方案，但完全不同，我会解释一下

基本上，我使用标签来显示图像，但我想在单击图像时转到另一个页面，下面是我是如何做到的。

<a href="the-url-you-want-to-go-when-image-is-clicked.com" />
<img src="image-source-url-location.com" />

如果你把它放在彼此的旁边，用一条新的线隔开，我猜当你点击图片时，它会转到一个标签，标签上有你想要重定向的另一个站点的href。

虽然GitHub markdown也可以添加图片，但我建议您使用HTML IMG标记GitHub标记

![me](https://github.com/samadpls)

HTML标记

<img src='https://github.com/samadpls'/>

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

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

从上传文件选项将图像添加到存储库中，然后添加到README文件中

![Alt text]("enter repository image URL here")

推荐文章