我刚开始接触Markdown。我喜欢它,但有一件事困扰着我:如何使用Markdown更改图像的大小?
文档仅为图像提供以下建议:

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
我刚开始接触Markdown。我喜欢它,但有一件事困扰着我:如何使用Markdown更改图像的大小?
文档仅为图像提供以下建议:

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
如果您在Gihub Flavored Markdown中使用参考样式图像:
Here is an image of tree:
![alt text][tree]{height=400px width=500px}
[//]: # (Image References)
[tree]: ./images/tree.png "This is a tree"
其他回答
在Tiemes答案的基础上,如果您使用CSS 3,可以使用子字符串选择器:
此选择器将匹配以“-fullwidth”结尾的alt标记的任何图像:
img[alt$="-fullwidth"]{
width: 100%;
display: block;
}
然后,您仍然可以使用alt标记来描述图像。
上面的标记可能类似于:

我在Ghost markdown中使用过这个,而且效果很好。
你可以在kramdown中使用这个:
markdown

{:.some-css-class style="width: 200px"}
or
markdown

{:.some-css-class width="200"}
这样,您可以直接向最后一个html元素添加任意属性。要添加类,有一个快捷方式.class.secondclass。
结合两个答案,我得出了一个解决方案,看起来可能没那么漂亮,但它奏效了!
它创建了一个具有特定大小的缩略图,可以单击该缩略图以获得最高分辨率的图像。
[<img src="image.png" width="250"/>](image.png)
这是一个例子!我在Visual Code和Github上测试了它。
由于反馈,我们知道这也适用于:
GitLab公司Jupyter笔记本
代替[title](imageurl.type)与<img src=“https://image-url.type“width=”200“height=”200“/>
将相对维度添加到源URL将在大多数Markdown渲染器中进行渲染。
我们在Corilla中实现了这一点,因为我认为该模式符合现有工作流的预期,而不迫使用户依赖基本的HTML。如果你最喜欢的工具没有遵循类似的模式,那么值得提出一个功能请求。
语法示例:

小猫的例子: