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

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

![drawing](drawing.jpg)

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


当前回答

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

其他回答

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

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

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

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

因此,支持外部图像!

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

如果您在Gihub Flavored Markdown中使用参考样式图像:

Here is an image of tree: 
![alt text][tree]{height=400px width=500px}


[//]: # (Image References)
[tree]: ./images/tree.png "This is a tree"

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

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

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

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

对于那些热衷于手工和针织解决方案的人。有一些方法可以在不使用html的情况下调整.rmd文件中的图像大小:

您可以简单地通过添加{width=123px}来指定图像的宽度。不要在括号之间引入空格:

![image description]('your-image.png'){width=250px}

另一种选择是使用knifer::include_graphics:

```{r, fig.cap="image description", out.width = '50%'}
knitr::include_graphics('your-image.png')
```

也许这一点最近有所改变,但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上工作。