markdown是一种标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。既然是标记语言,自然可以通过代码的方式控制图片大小,这篇经验就来和大家分享一下markdown图片大小设置。
工具/原料
typora
notepad
修改markdown
1、typora是一款很好用的markdown编辑器,可以省去代码直接进行一些可视化操作。首先我们创建一个md文件,如果不会创建的话,可以创建一个txt文件,将文件后缀名改成md.
2、如果安装了typora,双击md文件就会自动以该程序运行markdown。
3、按住图片,直接将图片拖入markdown文本编辑区就可以将图片插入。
4、然后点击图片,就可以看到图片的标记语言。因为拖过来的文件都是绝对路径,我们需要将其修改成相对路径。比如content.md是在1级文件夹,下面有一个images文件夹,图片在images文件夹中。我要做的就是将D:\...\images\1.jpg改成.\images\1.jpg.如果成功,图片不会消失。如果路径错误,图片就会出现X。
5、点击右下角,进入代码模式。
6、第一种修改方法,在markdown文件中,一般显示的的方式,现在只需要给它加上{class}的形式就行。这种markdown在简书等平台可以使用。
7、第二种修改方法,在主流markdown编辑环境中可使用,例如CSDN,知乎。写法如下:<img src='地址' style="">支持CSS,这里做一个示范,写的是<img src="图片路径" style="zoom:50%">大家可以对比一下效果