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

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

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

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

因此，支持外部图像！

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

人们可以利用alt属性，该属性可以在几乎所有Markdown实现/渲染中设置，以及基于属性值的CSS选择器。优点是可以轻松定义一整套不同的图片大小（以及其他属性）。

标记：

![minipic](mypic.jpg)

CSS:

img[alt="minipic"] { 
  max-width:  20px; 
  display: block;
}

我编写了在Jekyll中使用自定义大小img标记的简单标记解析器的脚本。

https://gist.github.com/nurinamu/4ccf7197a1bdfb0d7079

{% img /path/to/img.png 100x200 %}

可以将文件添加到_plugins文件夹。

您可以像这样设置图像末尾的大小：

![image.png](source **=600x400**)

当使用Flask时（我将其用于平面页面）。。。我发现，在markdown调用中的扩展中显式地启用（由于某种原因，默认情况下不是这样）“attr_list”可以实现这一点，然后可以使用属性（对于访问CSS也非常有用-例如，class=“my class”…）。

FLATPAGES_HML_RENDERER=prerender_jinja

以及功能：

def prerender_jinja(text):
    prerendered_body = render_template_string(Markup(text))
    pygmented_body   = markdown.markdown(prerendered_body, extensions=['codehilite', 'fenced_code', 'tables', 'attr_list'])
    return pygmented_body

然后在Markdown中：

![image](https://octodex.github.com/images/yaktocat.png "This is a tooltip"){: width=200px}

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

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

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

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