在最新的Github中，我尝试了以上所有方法，但未能在自述文件页面上显示图像。如果是公共回购，我发现最好的方法是对master或main分支使用githubpages，然后引用自述文件中的链接。

步骤：

在您的存储库中，转到“代码和自动化”下的设置->选择页选择回购的来源和分支，然后单击保存

现在您的repo应该托管在（https://*username*.github.io/*repone*/）上

现在，您可以通过

![Preview Image](https://*username*.github.io/*reponame*/images/logo.PNG)

在我的例子中，我想在Github上显示打印屏幕，但也在NPM上显示。尽管使用相对路径在Github内部有效，但在Github之外却无法正常工作。基本上，即使我也将项目推到了NPM（它只是使用了相同的readme.md），图像也从未显示。

我尝试了几种方法，最后这对我有用：


我现在可以在NPM或任何其他我可以发布我的包的地方正确地看到我的图像。

您可以创建新问题上传（拖放）图像到它复制图像URL并将其粘贴到README.md文件中。

下面是一个详细的youTube视频，详细解释了这一点：

https://www.youtube.com/watch?v=nvPOUdz5PL4

如果您想显示任何网站上托管的图像（假设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工作所必需的。

您还可以添加带有简单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>

如果您需要上传一些图片用于文档，一个不错的方法是使用git-lfs。假设您已安装git-lfs，请执行以下步骤：

初始化每个图像类型的git-lfs：数字lfs*.png数字lfs*.svg数字lfs*.gifgit-lfs*.jpggit-lfs*.jpeg创建一个将用作图像位置的文件夹，例如doc。在基于GNU/Linux和Unix的系统上，这可以通过以下方式完成：cd项目文件夹mkdir文档git添加文档复制粘贴任何图像到文档文件夹。然后通过gitadd命令添加它们。提交并推送。图片可在以下url中公开获取：https://media.githubusercontent.com/media/^github_username^/^repo^/^branch^/^image_location在repo中^

哪里：*^github_username^是github中的用户名（您可以在配置文件页面中找到）*^repo_name^是存储库名称*^branch^是上载图像的存储库分支*^image_location in the repo ^是包含存储图像的文件夹的位置。

此外，您还可以先上传图像，然后访问项目github页面中的位置并浏览，直到找到图像，然后按下下载按钮，然后从浏览器的地址栏复制粘贴url。

将我的项目作为参考。

然后，您可以使用上面提到的markdown语法使用url来包含它们：

![some alternate text that describes the image](^github generated url from git lfs^)

让我们假设我们使用这张照片，然后你可以使用markdown语法：

![In what order to compile the files](https://media.githubusercontent.com/media/pc-magas/myFirstEnclave/master/doc/SGX%20Compile%20workflow.png)