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

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

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

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

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

当前回答

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

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

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

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

其他回答

比这简单得多。

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

![Screenshot](screenshot.png)

您可以创建新问题上传（拖放）图像到它复制图像URL并将其粘贴到README.md文件中。

下面是一个详细的youTube视频，详细解释了这一点：

https://www.youtube.com/watch?v=nvPOUdz5PL4

我已经解决了这个问题。你只需要参考别人的自述文件。

首先，您应该将图像文件上传到github代码库！然后直接引用图像文件的地址。

尝试此标记：

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

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

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

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

在此处观察

推荐文章