在Markdown中更改图像大小

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

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

![drawing](drawing.jpg)

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

当前回答

如果更改初始标记对您来说不是一个选项，则此黑客可能会奏效：

newHtml = oldHtml.replace(/<img/g, '<img height="100"');

我使用它可以在发送电子邮件之前调整图像大小（因为Outlook忽略任何图像css样式）

其他回答

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

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

您可以跳过高度

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

和宽度

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

如果您正在使用kramdown，可以执行以下操作：

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

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

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

在Tiemes答案的基础上，如果您使用CSS 3，可以使用子字符串选择器：

此选择器将匹配以“-fullwidth”结尾的alt标记的任何图像：

img[alt$="-fullwidth"]{
  width:  100%;
  display: block;
}

然后，您仍然可以使用alt标记来描述图像。

上面的标记可能类似于：

![Picture of the Beach -fullwidth](beach.jpg)

我在Ghost markdown中使用过这个，而且效果很好。

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

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

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

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

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

对于R-Markdown，以上两种解决方案都不适用于我，所以我转向了常规的LaTeX语法，这很好。

\begin{figure}
 \includegraphics[width=300pt, height = 125 pt]{drawing.jpg}
\end{figure}

然后，可以使用例如\ begin｛center｝语句将图像居中。

推荐文章