Markdown 语法控制图片大小

9,533 阅读1分钟
原文链接: www.hmybmny.com
Back to the Homepage

发第一篇文章时最后两张图太大,已经超过了屏幕正常的宽度,当时搜了一些资料,给出的方法基本都是 的形式,也有给出 markdown 语法的,测试后都不能用。后来准备使用图床,把图片存到 GitHub 仓库得到图片地址后使用 标签控制。之前也想尝试使用七牛来做图床,但是没有绑定域名的话只能使用测试域名,测试域名有一些限制,绑定域名又需要备案,只好放弃。正好这两天中秋放假,换了个姿势重新找了资料,终于找到了 markdown 控制图片大小的方法,格式如下:

![img](img.png){: width="100px" height="100px"}
![img](img.png){: width="100px" height="100px" 其它需要的属性}

![命令运行网易云音乐]({filename}/images/4.gif){: width="100px" height="100px"} 效果如下:

查看图片 效果如下:

![命令运行网易云音乐]({filename}/images/4.gif){: width="200px" height="200px"} 效果如下:

查看图片 效果如下:

![命令运行网易云音乐]({filename}/images/4.gif){: width="300px" height="300px"} 效果如下:

查看图片 效果如下:

![]({filename}/images/4.gif){: width="800px" height="400px" alt="命令运行网易云音乐"} 效果如下:

查看图片 效果如下:

参考资料

Comments

Want to leave a comment? Visit this post's issue page on GitHub (you'll need a GitHub account.)