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

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

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

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

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

当前回答

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

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

HTML标记

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

其他回答

尝试此标记：

![alt text](http://url/to/img.png)

我认为，如果图像存储在存储库中，您可以直接链接到原始版本的图像。即

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

您还可以像任何其他格式一样在markdown文件中插入动画SVG图像。它可以很好地替代GIF图像。

![image description](relative/path/in/repository/to/image.svg)
OR
<img src="relative/path/in/repository/to/image.svg" width="128"/>

示例（假设图像位于存储库中的assets目录中）：

![My animated logo](assets/my-logo.svg)

结果：

要使用基于GitHub深色/浅色主题的不同图像，请参阅本文。

只需在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

在此处观察

在我的例子中，我使用imgur并以这种方式使用直接链接。

![img](http://i.imgur.com/yourfilename.png)

在新的Github UI中，这对我有用-

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

![Optional Text](../main/myFolder/image.png)

推荐文章