最近我加入了GitHub。我在那里主持了一些项目。
我需要在README文件中包含一些图像。我不知道该怎么做。
我搜索了一下,但得到的只是一些链接,告诉我“在web上托管图像并在README.md文件中指定图像路径”。
是否有任何方法可以在不在任何第三方网络托管服务上托管图像的情况下做到这一点?
最近我加入了GitHub。我在那里主持了一些项目。
我需要在README文件中包含一些图像。我不知道该怎么做。
我搜索了一下,但得到的只是一些链接,告诉我“在web上托管图像并在README.md文件中指定图像路径”。
是否有任何方法可以在不在任何第三方网络托管服务上托管图像的情况下做到这一点?
当前回答
这就行了!!
注意标记中的文件名大写,将PNG文件放入根目录,并链接到没有任何路径的文件名:
![Screenshot](screenshot.png)
其他回答
一步一步的过程,首先创建一个文件夹(命名您的文件夹),并添加要在Readme.md文件中上载的图像。(您也可以将图像添加到项目的任何现有文件夹中。)现在,单击Readme.md文件的编辑图标,然后
![](relative url where images is located/refrence_image.png) // refrence_image is the name of image in my case.
添加图像后,您可以在“预览更改”选项卡中看到更改的预览。您可以在此处找到您的图像。例如像这样,在我的情况下,
![](app/src/main/res/drawable/refrence_image.png)
app文件夹->src文件夹->主文件夹->res文件夹->可绘制文件夹->和内部可绘制文件夹reference_image.png文件。要添加多个图像,可以这样做,
![](app/src/main/res/drawable/refrence_image1.png)
![](app/src/main/res/drawable/refrence_image2.png)
![](app/src/main/res/drawable/refrence_image3.png)
注意1-确保图像文件名不包含任何空格。如果它包含空格,则需要为文件名之间的每个空格添加%20。最好去掉空格。
注意2-您甚至可以使用HTML标记调整图像大小,或者有其他方法。你可以在谷歌上搜索更多。如果你需要的话。
之后,编写提交更改消息,然后提交更改。
还有很多其他的技巧,比如创建问题等等。到目前为止,这是我遇到的最好的方法。
我需要在README文件中包含一些图像。我不知道该怎么做这样做。
我创建了一个小向导,允许您为GitHub存储库的自述文件创建和自定义简单的图像库:请参阅ReadmeGalleryCreatorForGitHub。
该向导利用了GitHub允许img标签出现在README.md中的事实。此外,该向导还利用了将图像上传到GitHub的流行技巧,方法是将图像拖放到问题区域(如本主题的一个答案中所述)。
在最新的Github中,我尝试了以上所有方法,但未能在自述文件页面上显示图像。如果是公共回购,我发现最好的方法是对master或main分支使用githubpages,然后引用自述文件中的链接。
步骤:
在您的存储库中,转到“代码和自动化”下的设置->选择页选择回购的来源和分支,然后单击保存
现在您的repo应该托管在(https://*username*.github.io/*repone*/)上
现在,您可以通过
![Preview Image](https://*username*.github.io/*reponame*/images/logo.PNG)
此答案也可在以下位置找到:https://github.com/YourUserAccount/YourProject/blob/master/DirectoryPath/ReadMe.md
使用以下方式显示回购中的图像:
前置域:https://raw.githubusercontent.com/
附加标志:?消毒=真&原始=真
使用<img/>标记
Eample url works for svg, png, and jpg using:域名:raw.githubusercontent.com/用户名:YourUserAccount/回购:YourProject/分行:YourBranch/路径:DirectoryPath/文件名:example.png
适用于SVG、PNG和JPEG
- `raw.githubusercontent.com/YourUserAccount/YourProject/YourBranch/DirectoryPath/svgdemo1.svg?sanitize=true&raw=true`
使用后显示的工作示例代码如下:
**raw.githubusercontent.com**:
<img src="https://raw.githubusercontent.com/YourUserAccount/YourProject/master/DirectoryPath/Example.png?raw=true" />
<img src="https://raw.githubusercontent.com/YourUserAccount/YourProject/master/DirectoryPath/svgdemo1.svg?sanitize=true&raw=true" />
raw.githubusercontent.com:
谢谢:- https://stackoverflow.com/a/48723190/1815624- https://github.com/potherca-blog/StackOverflow/edit/master/question.13808020.include-an-svg-hosted-on-github-in-markdown/readme.md
只需在里面的README.md文件中写下代码[Anyname](图像路径)
![Screenshot](screenshot1.png)