在Markdown中更改图像大小

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

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

![drawing](drawing.jpg)

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

当前回答

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

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

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

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

其他回答

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

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

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

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

因此，支持外部图像！

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

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

如果我们只是像这样使用普通的HTML图像标记，那么它是有效的，如果您使用引导来进行样式设置。我在Jekyll制作的网站上使用这个。

<img class="img-fluid" src="./img/face.jpg" alt="img-verification">

如果我们按照这个例子添加引导类，它会很好地工作。

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

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

人们可以利用alt属性，该属性可以在几乎所有Markdown实现/渲染中设置，以及基于属性值的CSS选择器。优点是可以轻松定义一整套不同的图片大小（以及其他属性）。

标记：

![minipic](mypic.jpg)

CSS:

img[alt="minipic"] { 
  max-width:  20px; 
  display: block;
}

推荐文章