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

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

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

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

因此，支持外部图像！

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

纯粹的<img。。。width=“50%”>如上所述，在我的Github Readme.md文档上做了工作。

然而，我真正的问题是，图像位于表单元格中，只是压缩旁边单元格中的文本。因此，另一种方法是在Markdown表中设置列宽，但这些解决方案对于我的上午来说似乎还不够醒目。

最后，我通过简单地在旁边的文本单元格中添加所需的“”来解决这两个问题。

我希望这有帮助。再见，谢谢大家。

当使用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-链接属性

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

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

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

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

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

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

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