如何在markdown文件中添加图片

今天要编写项目的readme.md文件,用于对系统的简单介绍,以前我也只是在写博客等地方用到md语法,并无单独编辑过一个md文件,今天讲讲如何打开一个md文件以及在md文件中添加图片。git

首先,打开一个md文件的方式不少,如记事本、sublime等,我在这里使用的是vscode,用vscode打开md文件后,能够按快捷键Ctrl+k,松手,而后按下v(须要在英文状态下),这样就能够打开md文件的实时预览,在编写的时候就能够看到md文件展现效果,其余语法今天就不在论述了,今天讲讲如何在readme.md文件中添加图片。github

  1. 首先将图片上传到github等远程仓库
  2. 在md文件中输入![***](***)[]中为图片显示出出来时,会显示的文字,()为图片的远程地址

作完以上两步,我以为应该没有什么问题了,可是这时候预览遇到了一个小问题,图片仍是显示不出来,把地址单独复制到浏览器是能够正常查看图片的浏览器

在网上找了资料,发现只要改路径的一个文件名就能够显示图片了。发现原来github和md文件关联的图片地址是有必定的格式的,其格式以下:code

https://github.com/用户名/repository仓库名/raw/分支名master/图片文件夹名称/***.png or***.jpg图片

按照此格式github会自动解析这个语法,并把图片在md文件中正常显示出来。博客

就是将地址中仓库后面的/blod/改成raw,图片正常显示,大功告成

相关文章
相关标签/搜索