如何将图像添加到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或任何其他我可以发布我的包的地方正确地看到我的图像。

其他回答

创建有关添加图像的问题通过拖放或文件选择器添加图像然后复制图像源现在添加！[替换标签](http://url/to/img.png)到README.md文件

完成！

或者，您可以使用imgur之类的图像托管站点，获取其url并将其添加到README.md文件中，或者也可以使用一些静态文件托管。

样品问题

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

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

非常简单：可以使用Ctrl+C/V完成

这里的大多数答案都是直接或间接地将图像上传到其他地方，然后提供链接。

只需复制任何图像并在编辑Readme.md时粘贴即可完成

复制图像-您只需单击图像文件并使用Ctrl+C，也可以使用剪切工具将截图图像复制到剪贴板然后，您可以在编辑Readme.md时简单地按Ctrl+V

Guithub将自动将其上传到user-images.githubusercontent.com，并在那里插入指向它的链接

基本语法

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

在这里：

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

例子：

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

如下所示：

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

在此处观察

推荐文章