尝试此标记：

![alt text](http://url/to/img.png)

我认为，如果图像存储在存储库中，您可以直接链接到原始版本的图像。即

![alt text](https://github.com/[username]/[reponame]/blob/[branch]/image.jpg?raw=true)

尝试此标记：

![alt text](http://url/to/img.png)

我认为，如果图像存储在存储库中，您可以直接链接到原始版本的图像。即

![alt text](https://github.com/[username]/[reponame]/blob/[branch]/image.jpg?raw=true)

在最新的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工作所必需的。

在文件夹（myFolder）中提交图像（image.png），并在README.md中添加以下行：

![可选文本]（../master/myFolder/image.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

在此处观察