在Markdown中更改图像大小

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

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

![drawing](drawing.jpg)

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

当前回答

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

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

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

其他回答

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

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

您可以像这样设置图像末尾的大小：

![image.png](source **=600x400**)

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

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

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

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

你可以在kramdown中使用这个：

markdown
![drawing](drawing.jpg)   
{:.some-css-class style="width: 200px"}

markdown
![drawing](drawing.jpg)   
{:.some-css-class width="200"}

这样，您可以直接向最后一个html元素添加任意属性。要添加类，有一个快捷方式.class.secondclass。

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

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

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

推荐文章