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

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

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

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

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

当前回答

比这简单得多。

只需将图像上传到存储库根目录，并链接到没有任何路径的文件名，如下所示：

![Screenshot](screenshot.png)

其他回答

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

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

最新的

Wiki可以显示PNG、JPEG或GIF图像

现在您可以使用：

[[https://github.com/username/repository/blob/master/img/octocat.png|alt=octocat]]

-OR-

遵循以下步骤：

在GitHub上，导航到存储库的主页面。在存储库名称下，单击Wiki。使用wiki侧栏，导航到要更改的页面，然后单击“编辑”。在wiki工具栏上，单击“图像”。在“插入图像”对话框中，键入图像URL和替代文本（搜索引擎和屏幕阅读器使用）。单击“确定”。

参考文件。

也可以使用相对路径，如

![Alt text](relative/path/to/img.jpg?raw=true "Title")

还可以使用所需的.fileExtetion尝试以下操作：

![plot](./directory_1/directory_2/.../directory_n/plot.png)

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

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

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

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

基本语法

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

在这里：

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

例子：

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

如下所示：

推荐文章