当使用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}

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

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

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

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

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

这一条对我有用，它不在一条线上，但我希望它对你有用。

<div>
<img src="attachment:image.png" width="500" height="300"/>
</div>

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

标记：

![minipic](mypic.jpg)

CSS:

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

对于在Google Colaboratory上使用Markdown的用户，无需将图像上传到会话存储文件夹或链接到Google Drive。如果图像具有URL，并且可以包含在Jupyter笔记本上，并且其大小更改如下：

<img src="https://image.png" width="500" height="500" />

我只是在一些图像编辑器中编辑图像-水平放大图像，因此当渲染器调整大小到页面宽度时，它会垂直缩小。

所以，只需添加一些透明的左右边距即可。