首页 > 代码库 > 关于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文件插入图片遇到的小问题和解决办法