我找到了另一个解决方案，但完全不同，我会解释一下

基本上，我使用标签来显示图像，但我想在单击图像时转到另一个页面，下面是我是如何做到的。

<a href="the-url-you-want-to-go-when-image-is-clicked.com" />
<img src="image-source-url-location.com" />

如果你把它放在彼此的旁边，用一条新的线隔开，我猜当你点击图片时，它会转到一个标签，标签上有你想要重定向的另一个站点的href。

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

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


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

此答案也可在以下位置找到：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

尝试此标记：

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

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

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

现在，您可以在编辑自述文件时拖放图像。

Github将为您创建一个链接，其格式为：

https://user-images.githubusercontent.com/******/********.file_format

或者，在文件的底部，它会显示“通过拖放、选择或粘贴来附加文件”。如果你点击那个，它会给你一个直接上传文件的选项，或者你可以直接粘贴它！

您也可以将图像放置在自述文件中的适当部分。