我刚开始接触Markdown。我喜欢它,但有一件事困扰着我:如何使用Markdown更改图像的大小?

文档仅为图像提供以下建议:

![drawing](drawing.jpg)

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。


当前回答

对于所有在R markdown/bookdown中工作的解决方案,上述解决方案不工作或需要略微调整:

工作

追加{width=50%}或{width=50%height=50%}![foo](foo.png){width=50%}![foo](foo.png){宽度=50%高度=50%}重要提示:宽度和高度之间没有逗号,即{width=50%,height=30%}不起作用!追加{height=“36px”width=“36px”}![foo](foo.png){height=“36px”width=“36px”}注意:带冒号的{:height=“36px”width=“36px”}(来自@sayth)似乎不适用于R markdown

不工作:

附加=宽度x高度在图形文件的URL之后调整图像大小(从@prosseek)两者都不=宽度x高度![foo](foo.png=100x20)nor=仅宽度![foo](foo.png=250x)工作

其他回答

如果您正在使用kramdown,可以执行以下操作:

{:.foo}
![drawing](drawing.jpg)

然后将其添加到自定义CSS中:

.foo {
  text-align: center;
  width: 100px;
}

我来这里寻找答案。这里有一些很棒的建议。黄金信息指出markdown完全支持HTM1!

一个好的干净的解决方案总是使用纯html语法。使用标签。

但我仍然试图坚持markdown语法,所以我尝试将其包装在一个标记周围,并在div标记中添加我想要的图像属性。它奏效了!!

<div style="width:50%">![Chilling](https://www.w3schools.com/w3images/fjords.jpg)</div>

因此,支持外部图像!

我想我会把这个放在那里,因为它没有在任何答案中

如果更改初始标记对您来说不是一个选项,则此黑客可能会奏效:

newHtml = oldHtml.replace(/<img/g, '<img height="100"');

我使用它可以在发送电子邮件之前调整图像大小(因为Outlook忽略任何图像css样式)

您可以在Markdown中使用一些HTML:

<img src="drawing.jpg" alt="drawing" width="200"/>

或通过样式属性(GitHub不支持)

<img src="drawing.jpg" alt="drawing" style="width:200px;"/>

或者您可以使用自定义CSS文件,如以下关于Markdown和图像对齐的回答所述

![drawing](drawing.jpg)

另一个文件中的CSS:

img[alt=drawing] { width: 200px; }

我编写了在Jekyll中使用自定义大小img标记的简单标记解析器的脚本。

https://gist.github.com/nurinamu/4ccf7197a1bdfb0d7079

{% img /path/to/img.png 100x200 %}

可以将文件添加到_plugins文件夹。