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

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

![drawing](drawing.jpg)

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


当前回答

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

其他回答

对于IntelliJ IDEA用户,请参阅Markdown Navigator插件。

预览渲染图像、徽章、HTML等。

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

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

然后,可以使用例如\ begin{center}语句将图像居中。

供将来参考:

Joplin的Markdown实现允许以以下方式控制导入图像的大小:

<img src=“:/7653a812439451eb1803236687a70ca”width=“450”/>

这项功能是在这里请求的,正如Laurent承诺的那样,这项功能已经实现。

我花了一段时间才弄清楚乔普林的具体答案。

您可以在Markdown中使用一些HTML:

<img src="drawing.jpg" alt="drawing" width="200"/>

或通过样式属性(GitHub不支持)

<img src="drawing.jpg" alt="drawing" style="width:200px;"/>

或者您可以使用自定义CSS文件,如以下关于Markdown和图像对齐的回答所述

![drawing](drawing.jpg)

另一个文件中的CSS:

img[alt=drawing] { width: 200px; }

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

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

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

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

因此,支持外部图像!

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