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

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

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
您可以在Markdown中使用一些HTML:
<img src="drawing.jpg" alt="drawing" width="200"/>
或通过样式属性(GitHub不支持)
<img src="drawing.jpg" alt="drawing" style="width:200px;"/>
或者您可以使用自定义CSS文件,如以下关于Markdown和图像对齐的回答所述

另一个文件中的CSS:
img[alt=drawing] { width: 200px; }
其他回答
人们可以利用alt属性,该属性可以在几乎所有Markdown实现/渲染中设置,以及基于属性值的CSS选择器。优点是可以轻松定义一整套不同的图片大小(以及其他属性)。
标记:

CSS:
img[alt="minipic"] {
max-width: 20px;
display: block;
}
有添加类和css样式的方法
!〔pic〕〔logo〕{.classname}
然后在下面写下链接和css
[logo]: (picurl)
<style type="text/css">
.classname{
width: 200px;
}
</style>
此处引用
将图像URL放入下面的标记中。记住要相应地更改宽度和高度。这样地
<img src="IMAGE_URL_HERE" width="300" height="300">
可以指定宽度而不指定高度属性,反之亦然。
或者,您可以使用百分比值更改图像大小,如下所示:
<img src="IMAGE_URL_HERE" width=50% height=50%>
你可以在kramdown中使用这个:
markdown

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

{:.some-css-class width="200"}
这样,您可以直接向最后一个html元素添加任意属性。要添加类,有一个快捷方式.class.secondclass。
如果更改初始标记对您来说不是一个选项,则此黑客可能会奏效:
newHtml = oldHtml.replace(/<img/g, '<img height="100"');
我使用它可以在发送电子邮件之前调整图像大小(因为Outlook忽略任何图像css样式)