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

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

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

如果我们只是像这样使用普通的HTML图像标记，那么它是有效的，如果您使用引导来进行样式设置。我在Jekyll制作的网站上使用这个。

<img class="img-fluid" src="./img/face.jpg" alt="img-verification">

如果我们按照这个例子添加引导类，它会很好地工作。

结合两个答案，我得出了一个解决方案，看起来可能没那么漂亮，但它奏效了！

它创建了一个具有特定大小的缩略图，可以单击该缩略图以获得最高分辨率的图像。

[<img src="image.png" width="250"/>](image.png)

这是一个例子！我在Visual Code和Github上测试了它。

由于反馈，我们知道这也适用于：

GitLab公司Jupyter笔记本

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

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

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

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

您可以跳过高度

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

和宽度

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