最近我加入了GitHub。我在那里主持了一些项目。
我需要在README文件中包含一些图像。我不知道该怎么做。
我搜索了一下,但得到的只是一些链接,告诉我“在web上托管图像并在README.md文件中指定图像路径”。
是否有任何方法可以在不在任何第三方网络托管服务上托管图像的情况下做到这一点?
最近我加入了GitHub。我在那里主持了一些项目。
我需要在README文件中包含一些图像。我不知道该怎么做。
我搜索了一下,但得到的只是一些链接,告诉我“在web上托管图像并在README.md文件中指定图像路径”。
是否有任何方法可以在不在任何第三方网络托管服务上托管图像的情况下做到这一点?
当前回答
也可以使用相对路径,如
![Alt text](relative/path/to/img.jpg?raw=true "Title")
还可以使用所需的.fileExtetion尝试以下操作:
![plot](./directory_1/directory_2/.../directory_n/plot.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
您还可以添加带有简单HTML标记的图像:
<p align="center">
<img src="your_relative_path_here" width="350" title="hover text">
<img src="your_relative_path_here_number_2_large_name" width="350" alt="accessibility text">
</p>
这个对我有用!!!。
![alt text](https://github.com/[username]/[reponame]/blob/[branch]/image.jpg?raw=true)
alt text是在图像URL不存在的情况下要显示的可选文本。
user_name是您的GitHub用户名。reponame是您的GitHub repo名称。
尝试此标记:
![alt text](http://url/to/img.png)
我认为,如果图像存储在存储库中,您可以直接链接到原始版本的图像。即
![alt text](https://github.com/[username]/[reponame]/blob/[branch]/image.jpg?raw=true)
一步一步的过程,首先创建一个文件夹(命名您的文件夹),并添加要在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标记调整图像大小,或者有其他方法。你可以在谷歌上搜索更多。如果你需要的话。
之后,编写提交更改消息,然后提交更改。
还有很多其他的技巧,比如创建问题等等。到目前为止,这是我遇到的最好的方法。