最近我加入了GitHub。我在那里主持了一些项目。
我需要在README文件中包含一些图像。我不知道该怎么做。
我搜索了一下,但得到的只是一些链接,告诉我“在web上托管图像并在README.md文件中指定图像路径”。
是否有任何方法可以在不在任何第三方网络托管服务上托管图像的情况下做到这一点?
最近我加入了GitHub。我在那里主持了一些项目。
我需要在README文件中包含一些图像。我不知道该怎么做。
我搜索了一下,但得到的只是一些链接,告诉我“在web上托管图像并在README.md文件中指定图像路径”。
是否有任何方法可以在不在任何第三方网络托管服务上托管图像的情况下做到这一点?
当前回答
只需在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
在此处观察
其他回答
您可以创建新问题上传(拖放)图像到它复制图像URL并将其粘贴到README.md文件中。
下面是一个详细的youTube视频,详细解释了这一点:
https://www.youtube.com/watch?v=nvPOUdz5PL4
在最新的Github中,我尝试了以上所有方法,但未能在自述文件页面上显示图像。如果是公共回购,我发现最好的方法是对master或main分支使用githubpages,然后引用自述文件中的链接。
步骤:
在您的存储库中,转到“代码和自动化”下的设置->选择页选择回购的来源和分支,然后单击保存
现在您的repo应该托管在(https://*username*.github.io/*repone*/)上
现在,您可以通过
![Preview Image](https://*username*.github.io/*reponame*/images/logo.PNG)
如果您想显示任何网站上托管的图像(假设url为“http://abc.def.com/folder/image.jpg”),那么在README.md文件中使用以下语法:![alt-text](<http://abc.def.com/folder/image.jpg>)
只需在浏览器中浏览图像(可以通过单击图像)。它可以是任何网站,包括你的或其他人的github托管图像。从浏览器地址栏中复制url,即要在上述语法中使用的“image_url”。
对于托管在您自己的github存储库中的图像,除了上述url格式之外,您还可以使用相对路径![alt-text](<path_relative_to_current_github_location/image.jpg>)如果图像与README.md文件位于同一文件夹中(相对路径url的特殊情况),则可以使用:![alt-text](<image.jpg>)
注意url周围的尖括号“<”和“>”。有时,这些是url工作所必需的。
还有一个选项我还没有看到。您可以简单地在用户或组织下创建另一个名为“资产”的存储库。将您的图像推送到此回购,并从其他回购中引用它们:
![alt text](https://raw.githubusercontent.com/my-org/assets/master/folder/logo.png)
我在我的一次回购中做了这件事,它很适合我。我可以独立于我的代码为我的所有项目版本我的README图像,但仍然将它们保存在一个地方。不需要问题、分支或其他容易错位的工件。
我已经解决了这个问题。你只需要参考别人的自述文件。
首先,您应该将图像文件上传到github代码库!然后直接引用图像文件的地址。