markdown中插入图片怎么定义图片的大小或比例?

论坛 期权论坛 期权     
匿名用户1024   2021-5-17 16:33   8662   5
![img](url)的格式怎么添加设置图片大小的参数?莫非只能用html来实现?
分享到 :
0 人收藏

5 个回复

倒序浏览
2#
有关回应  16级独孤 | 2021-5-17 16:33:29 发帖IP地址来自
方法一:嵌入HTML代码
使用img标签
复制代码
附:如果需要居中的话只要在外面包围div标签即可
  1.     ...
复制代码
方法二:使用支持图片大小更改操作的 Mou 编辑器
使用如下语法
  1. ![](./pic/pic1_50.png =100x100)
复制代码
注意: =前有个空格,可以只写宽度。
该方法由 @加加林 提供,如有帮助请过去点个赞。
3#
有关回应  16级独孤 | 2021-5-17 16:33:30 发帖IP地址来自
如果你用Typora,可以用 标签更改,支持设定宽度、高度。
复制代码
也可以指定缩小比例:
[code][/code]详细可以看官方说明:Resize Images
推荐这个markdown app,非常好用,支持Mac、windows
4#
有关回应  16级独孤 | 2021-5-17 16:33:31 发帖IP地址来自
直接在图片后面加上对应的CSS样式即可
  1. ![test image size](url)
复制代码
改写为
  1. ![test image size](url){:class="img-responsive"}![test image size](url){:height="50%" width="50%"}![test image size](url){:height="100px" width="400px"}
复制代码

如果是用Hexo,它有特殊处理,可以直接使用img标签
[code][/code]
5#
有关回应  16级独孤 | 2021-5-17 16:33:32 发帖IP地址来自
推荐用Typora写markdown!
之前一直苦恼于截图放进Typora里面之后显示过大。。。占好多地方
刚刚研究了一下,发现最简便的方法是修改你使用的Markdown主题的.css文件,在里面添加一个代码,让以后插入的所有图片都缩小50%(个人感觉50%刚好),就解决这个问题了
以我使用Github主题为例:
  • 打开设置
  • 点击“Open Theme Folder”
  • 打开文件夹下的“github.css”文件
  • 在文件最后添加以下代码后保存就行了
img { zoom: 50%;}
6#
有关回应  16级独孤 | 2021-5-17 16:33:33 发帖IP地址来自
  1. 转:![](./pic/pic1_50.png =100x20)注意 =前有个空格,可以只写宽度,Mou中支持
复制代码
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:136515
帖子:27303
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP