关于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文件中正常显示出来。

时间: 2024-10-11 23:52:40

关于markdown文件插入图片遇到的小问题和解决办法的相关文章

文本图片自适应高度小bug以及解决办法

自定义cell的文本图片自适应高度代码,如果存在自定义的cell赋值封装,就必须将自适应高度代码写在这个方法中 点击效果: 注:- (void)layoutSubviews 方法不能同时操作,否则会出现cell的高度错乱 显示: 点击:

Markdown文件导出为HTML的小程序

Markdown文件导出为HTML的小程序 为什么做 最近把一些学习经验记下来,总结成MarkDown文件,不知不觉已经有12篇了. Sublime Text 的 MarkDown Preview 插件能够将MarkDown语法转换为HTML,并提供三种预览方式:浏览器预览.保存为HTML文件.输出到Sublime的新标签页. 但有一个缺点是,我有12个MarkDown文件,想分别转换为HTML文件,需要重复执行12次打开文件->Crtl+P调出命令面板->输入MarkDown Preview

ORA-01461: 仅可以为插入 LONG 列的 LONG 值赋值”解决办法

ORA-01461: 仅可以为插入 LONG 列的 LONG 值赋值”解决办法 今天遇到的一个问题: 直接修改数据表中的某些字段数据内容时报错: ORA-01461: 仅可以为插入 LONG 列的 LONG 值赋值”解决办法 上网查询发现解决途径有: 法1,数据库字符集应该是UTF-8的,对于UTF-8或欧洲的某些字符集,oracle在存储时,对于一个字符需要2个或3个字节的存储空间,虽然表定义 中为varchar2(4000),但是其实该字段的data_length为其2倍或3倍长.这种情况下

ios替换app启动图片时系统报错的解决办法

ios替换app启动图片时系统报错的解决办法:我个人建议是在开发时候经常行的保存项目,并且在修改项目图标图片.app启动图片前,一定要先备份一份没有添加这两项图片的项目. 如果您的项目已经开发完成了,进入到发布前添加项目图标.app启动图片的时候,一定要确定了这两项的所有图片不会更改了再去添加,否则更改已经添加好的加项目图标.app启动图片就会报错, 如果您报错了,百度之后也没有解决办法,那么就尝试在已经备份的项目中重新去添加图片就可以了.

VMWare虚拟机->锁定文件失败,打不开磁盘的解决办法

VMWare虚拟机提示:锁定文件失败,打不开磁盘的解决办法 如果使用VMWare虚拟机的时候突然系统崩溃蓝屏,有一定几率会导致无法启动,会提示:“锁定文件失败,打不开磁盘...或它所依赖的某个快照磁盘,开启模块DiskEarly的操作失败,未能启动虚拟机”,这是因为虚拟机在运行的时候,会锁定文件,防止被修改,而如果突然系统崩溃了,虚拟机就来不急把已经锁定的文件解锁,所以你在启动的时候,就会提示无法锁定文件,如下图: 解决方法如下: 打开你存放虚拟机系统硬盘的所在文件夹,注意,是硬盘文件,不是虚拟

SpringCloud上传文件,经过Zuul,中文文件名乱码解决办法

SpringCloud上传文件,经过Zuul,中文文件名乱码解决办法 2018-03-17 最近在使用SpringCloud搭建微服务的过程中,发现上传文件经过Zuul网关转发的时候,回应为上传文件名中文乱码导致文件的写操作失败,从而导致文件上传失败,但是不经过Zuul转发的时候,文件上传正常,因此猜测是Zuul对上传的请求的编码进行了处理.最终在网上找到了两种解决方案: 方案一.在上传文件的请求路径之前添加字符串“zuul”声明此请求的编码不做处理. 1 2 3 4 5 6 7 8 9 10

解决微信内嵌浏览器无法响应上传文件(图片)的思路(2种办法)

进园一年多来,第一次写博客,好激动.原因主要是自己平时都是有写笔记,不习惯写博客,这次想写博客的原因是,这个问题确实我做了很久,已经做了近两周才解决了这个问题,,而且两周时间里尝试过了很多种办法,然后由于网上又没有多少人分享这个,决定自己写一下. 先自我介绍下,我是惠州学院大二(准大三)的学生,在去年暑假时候加了一个工作室开始写代码,也是在那个时候加入博客园,最近因为工作室要做微信端网页的开发需要一个上传图片功能,然后编码的时候发现用平时的方法做的上传功能在Android的微信端上实现不了,百度

图片与边框有间隙的解决办法

在figure或a中插入图片后,图片与边框产生间隙. 一.产生的原因:当初设立标准的不是亚洲而是欧洲,inline元素为了正确显示英文字母如y j g等带有尾巴的,就在底下留空.二.解决办法: 办法1.在figure或者a中设置:font-size:0: 办法2.在图片img中设置:vertical-align:middle:

div背景图片或颜色不显示的解决办法

背景图片不显示的原因: 1. css没有被调用 2. css图片地址不对 3. div的高度没有固定,是auto.没有设值或者高度不够 4. div被嵌套 5. div代码不规范 解决办法: (1)DIV高度为自动,背景颜色无法显示,在代码中将原代码height:auto; 改为height:100%; overflow:hidden;!important:同时还可以兼容 IE6.7.8和谷歌火狐. (2)假设对一个对象设置了background背景颜色样式,该对象内部盒子有使用float浮动属