如何在Github的Markdown文件中显示图片？

Question

我想在Github的Markdown文件中展示一些图片，我发现可以用以下方法实现：

![Figure 1-1](https://raw.github.com/username/repo/master/images/figure 1-1.png "Figure 1-1")

但我需要与其他人合作，因此不希望将用户名和仓库名称硬编码。

我尝试使用以下代码：

![Figure 1-1](images/figure 1-1.png "Figure 1-1")

它在我的本地磁盘上可以运行，但在Github上不能运行。

有人知道这个问题吗？

- WoooHaaaa

Answer 1

我自己找到了答案。

只需简单地在图片URL末尾添加?raw=true就可以解决问题：

![](images/table 1-1.png?raw=true)

- WoooHaaaa

---

在GitHub直接查看Markdown文件时，这对我有用，但在项目主页上显示的README.markdown文件上不起作用。 - jmohr

@jmohr 我认为主页上的 README 文件应该被视为一种例外。 - WoooHaaaa

这对我在主页上的README文件起作用了。 - Mike Grace

即使使用“raw”，Github仍然不允许SVG。https://dev59.com/AWYr5IYBdhLWcg3wRoSW - Yeo

Answer 2

我刚遇到了同样的问题，原来是由于URL中含有空格所致。手动将空格编码为%20即可解决。

所以按照你的示例，我进行了更改：

![](images/table 1-1.png)

至：

![](images/table%201-1.png)

2021年编辑：感谢Emilio指出GitHub flavored markdown规范已更新，允许在文件名中添加空格，当文件名被包含在“尖括号”（角度）内时：

The destination can only contain spaces if it is enclosed in pointy brackets
Example 498
[link](</my uri>) --> <p><a href="/my%20uri">link</a></p>

参考: https://github.github.com/gfm/#example-498（向上滚动获取描述）

这也适用于图片，因此我们现在也可以使用：

![](<images/table 1-1.png>)

- foz

---

他们肯定在那之后更改了规范，因为现在如果用尖括号括起来，它允许空格。https://github.github.com/gfm/#example-497 - Emilio