github用相对路径显示图片_【图文详解】如何利用Github在Markdown中插入图片？

最近尝试用利用Github在Markdown中插入图片，遇到诸多问题——主要是不知道如何用GitHub上传图片！

GitHub是一个纯英文网站，网上目前有的教程又都较为简略，一般只有文字说明。但缺乏图片的详细说明，作为非常白的非程序员，完全看不懂啊！

在多次努力终于弄明白如何利用GitHub在Markdown中插入图片后，我把自己摸索的方法做成了一个图文并茂的教程，希望能对大家有所帮助！

PS：简书上的图片插入程序很好用，不需要采用此笨拙的图片插入方法！

为何要用Github上传图片?

Markdown语法插入图片，主要有三种方式：

1 .插入网络图片

只需要在基础语法的括号中填入图片的网络链接即可，现在已经有很多免费/收费 图床和方便传图的小工具可选。

Markdown语法：![text] (图片链接地址)

(text为用来描述图片的关键词，可以不写。)

2. 插入本地图片

只需要在基础语法的括号中填入图片的位置路径即可。

Markdown语法：! [text ] ( /user/desktop/doge.png)

本地图片的路径，一旦更改或丢失，都会造成markdown文件调不出图，因此不推荐此方法！

3.把图片存入markdown文件

用base64转码工具把图片转成一段字符串，然后把字符串填到基础格式中链接的那个位置。

作为非程序员，此方法描述都让人头大，难度较大！感兴趣者可参考：把图片存入markdown文件