最近我加入了GitHub。我在那里主持了一些项目。
我需要在README文件中包含一些图像。我不知道该怎么做。
我搜索了一下,但得到的只是一些链接,告诉我“在web上托管图像并在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或任何其他我可以发布我的包的地方正确地看到我的图像。
其他回答
我已经解决了这个问题。你只需要参考别人的自述文件。
首先,您应该将图像文件上传到github代码库!然后直接引用图像文件的地址。
现在,您可以在编辑自述文件时拖放图像。
Github将为您创建一个链接,其格式为:
https://user-images.githubusercontent.com/******/********.file_format
或者,在文件的底部,它会显示“通过拖放、选择或粘贴来附加文件”。如果你点击那个,它会给你一个直接上传文件的选项,或者你可以直接粘贴它!
在新的Github UI中,这对我有用-
示例-在文件夹(myFolder)中提交image.png,并在README.md中添加以下行:
![Optional Text](../main/myFolder/image.png)
也可以使用相对路径,如
![Alt text](relative/path/to/img.jpg?raw=true "Title")
还可以使用所需的.fileExtetion尝试以下操作:
![plot](./directory_1/directory_2/.../directory_n/plot.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
在此处观察