在Markdown中更改图像大小

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

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

![drawing](drawing.jpg)

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

当前回答

对于那些热衷于手工和针织解决方案的人。有一些方法可以在不使用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，可以执行以下操作：

{:.foo}
![drawing](drawing.jpg)

然后将其添加到自定义CSS中：

.foo {
  text-align: center;
  width: 100px;
}

如果您正在为PanDoc编写MarkDown，可以执行以下操作：

![drawing](drawing.jpg){ width=50% }

这会将style=“width:50%；”添加到HTML＜img＞标记中，或将[width=0.5\textwidth]添加到LaTeX中的\includegraphics中。

资料来源：http://pandoc.org/MANUAL.html#extension-链接属性

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

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

您可以跳过高度

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

和宽度

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

这会奏效的

<style>
img{width: 50%;}
#foo {color: red;}
</style>

<p id="foo">foo</p>

<p style="color: blue">bar</p>

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

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

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

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

推荐文章