基本语法

![myimage-alt-tag](url-to-image)

在这里：

my image alt标记：如果未显示图像，将显示的文本。图像的url：无论您的图像资源是什么。图像的URI

例子：

![stack Overflow](http://lmsotfy.com/so.png)

如下所示：

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

1） 使用HTML img标记，

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

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

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

您还可以添加带有简单HTML标记的图像：

<p align="center">
  <img src="your_relative_path_here" width="350" title="hover text">
  <img src="your_relative_path_here_number_2_large_name" width="350" alt="accessibility text">
</p>

您也可以将图像放置在自述文件中的适当部分。

您还可以像任何其他格式一样在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深色/浅色主题的不同图像，请参阅本文。

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

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


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