在Markdown中更改图像大小

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

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

![drawing](drawing.jpg)

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

当前回答

Tieme的答案在大多数情况下都是最好的。

在我的例子中，我使用pandoc将markdown转换为乳胶。HTML标记在这里不起作用。

我的解决方案是重新实现includegraphics

\let\maxincludegraphics\includegraphics
\renewcommand{\includegraphics}[1]{\maxincludegraphics[max width=\textwidth]{#1}}

类似于在转换为HTML后使用CSS。

其他回答

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

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

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

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

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

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

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

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

这会奏效的

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

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

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

推荐文章