首页 > 代码库 > 关于markdown文件插入图片遇到的小问题和解决办法
关于markdown文件插入图片遇到的小问题和解决办法
今天用md文件时候发现需要插入图片,以前没做过,所以写下来分享下。
1.先在自己的github上建一个仓库,里面新建个img文件夹存放图片,怎么建仓库可以上网找资料,这里就不详细说明了。建好的仓库如下图所示,copy下仓库的路径。
2.在电脑新建一个文件夹,在文件夹中把github上的仓库先克隆下来,命令是git clone 仓库地址(要使用git命令得先在电脑上装好git-bash),如下图
3.克隆完之后会有一个以IMG命名仓库的文件夹,这个就是我们在github的IMG仓库。我们把一张test.jpg放到IMG文件的子文件夹img中
4.接着我们进入IMG文件中敲git命令
先进入IMG的文件夹中 : cd IMG/
添加IMG文件夹下的所有文件:git add .
提交文件到分支:git commit -m "备注你提交了哪些内容"
把内容推送上仓库:git push origin master
所有步骤如下图所示:
5.上传成功之后我们可以去自己的github仓库看看
6.接着我们新建的md文件,并且插入图片,md文件插入图片的代码是: ![]()
注意:[] 里面可以写图片名或者其他备注信息,为的是让图像无法显示时可以看到备注内容。
7.这时预览效果就出现了一个小问题了,路径写了完全正确图片却无法加载出来,把路径复制出来单独在新窗口打开却可以显示图片
8.在网上找了资料,发现只要改路径的一个文件名就可以显示图片了。发现原来github和md文件关联的图片地址是有一定的格式的,其格式如下:
https://github.com/用户名/repository仓库名/raw/分支名master/图片文件夹名称/***
.png or***
.jpg
按照此格式github会自动解析这个语法,并把图片在md文件中正常显示出来。
关于markdown文件插入图片遇到的小问题和解决办法