在GitHub上用相对路径显示图片

在GitHub上用相对路径显示图片

markdown添加图片代码

![](图片路径)

首先需要将要显示在GitHub上的图片保存在本地仓库的目录或子目录下，这里我在本地仓库目录下创建了一个image文件夹用于保存图片

当需要在README.md中添加image目录下的1.png图片时，将图片的相对路径填入代码即可。代码表示：

![](./image/1.png)

这里再说下相对路径表达，相同路径用 ./ 表示，上级目录用 . ./ 表示。
比如需要在chapter1目录下的1.md中添加image路径下的1.png图片

因为1.md和image不在同一目录，需要先返回上一级目录，代码表示：

![](../image/1.png)

将本地仓库同步到GitHub服务器后，即可在GitHub上显示添加的图片。

存放图片的文件夹或者图片名中含有空格或其他特殊字符，会导致图片无法加载，以下两种方案解决：
1.文件夹以及图片命名中不要用到空格和特殊字符（文件夹名不能有中文）
2.将相对路径进行URL编码，URL编码链接http://tool.oschina.net/encode?type=4