Github README.md中插入并显示图片

阐述
我们在Github上查看项目时会看到有的README.md说明文字会配有图片,到底是怎么实现的呢? 这里涉及到md的语法规范,这里只介绍下图片的显示  
原理
首先我们简单说下md图片显示的语法规范
![Alt text](/path/to/img.jpg)

详细叙述如下:

  • 一个惊叹号 !
  • 接着一个方括号,里面放上图片的替代文字
  • 接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上 选择性的 'title' 文字
图片显示
比如,我们创建好项目好,截图保存到项目img目录下,并上传到Github
Github README.md中插入并显示图片_第1张图片Github README.md中插入并显示图片_第2张图片
Github README.md中插入并显示图片_第3张图片
如何显示呢,首先创建MD文件,按照图片的显示格式输入![图片说明文字][当前图片路径(img/app-all.png)]。如下图
Github README.md中插入并显示图片_第4张图片Github README.md中插入并显示图片_第5张图片

你可能感兴趣的:(工具,网站)