在Markdown中更改图像大小

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

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

![drawing](drawing.jpg)

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

当前回答

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

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

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

其他回答

这一条对我有用，它不在一条线上，但我希望它对你有用。

<div>
<img src="attachment:image.png" width="500" height="300"/>
</div>

您可以在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; }

代替[title]（imageurl.type）与<img src=“https://image-url.type“width=”200“height=”200“/>

纯粹的<img。。。width=“50%”>如上所述，在我的Github Readme.md文档上做了工作。

然而，我真正的问题是，图像位于表单元格中，只是压缩旁边单元格中的文本。因此，另一种方法是在Markdown表中设置列宽，但这些解决方案对于我的上午来说似乎还不够醒目。

最后，我通过简单地在旁边的文本单元格中添加所需的“”来解决这两个问题。

我希望这有帮助。再见，谢谢大家。

这里公认的答案是，我迄今为止使用的应用程序（如Ghost、Stackdit.io或StackOverflow编辑器）中没有任何Markdown编辑器可用。我在StackEdit.io问题跟踪程序中找到了一个解决方法。

解决方案是直接使用HTML语法，它工作得很好：

<img src="http://....jpg" width="200" height="200" />

推荐文章