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

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

![drawing](drawing.jpg)

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


当前回答

如果使用markdown,首先需要启用HTML渲染:

const md = require("markdown-it")({
  html: true,
});

然后可以在.md文件中使用:

<img src="" alt="drawing" width="100%" height="200"/>

其他回答

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

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

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

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

因此,支持外部图像!

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

也许这一点最近有所改变,但Kramdown文档显示了一个简单的解决方案。

从文档中

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

And here is a referenced ![smile]

[smile]: smile.png
{: height="36px" width="36px"}

与Jekyll和Kramdown一起在github上工作。

对于某些Markdown实现(包括Mou和Marked 2(仅限macOS)),您可以在图形文件的URL后添加=WIDTHxHEIGHT以调整图像大小。不要忘记=前面的空格。

![](./pic/pic1_50.png =100x20)

您可以跳过高度

![](./pic/pic1s.png =250x)

和宽度

![](./pic/pic1s.png =x250)

我知道这个答案有点具体,但它可能会帮助其他需要帮助的人。

由于许多照片是使用Imgur服务上传的,因此您可以使用此处详述的API来更改照片的大小。

当在GitHub问题评论中上传照片时,它将通过Imgur添加,因此如果照片非常大,这将非常有用。

基本上http://i.imgur.com/12345.jpg,你会把http://i.imgur.com/12345m.jpg对于中等大小的图像。

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

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

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