在Tiemes答案的基础上，如果您使用CSS 3，可以使用子字符串选择器：

此选择器将匹配以“-fullwidth”结尾的alt标记的任何图像：

img[alt$="-fullwidth"]{
  width:  100%;
  display: block;
}

然后，您仍然可以使用alt标记来描述图像。

上面的标记可能类似于：

![Picture of the Beach -fullwidth](beach.jpg)

我在Ghost markdown中使用过这个，而且效果很好。

也许这一点最近有所改变，但Kramdown文档显示了一个简单的解决方案。

从文档中

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

And here is a referenced ![smile]

[smile]: smile.png
{: height="36px" width="36px"}

与Jekyll和Kramdown一起在github上工作。

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

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

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

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

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

然后，可以使用例如\ begin｛center｝语句将图像居中。

如果您在Gihub Flavored Markdown中使用参考样式图像：

Here is an image of tree: 
![alt text][tree]{height=400px width=500px}


[//]: # (Image References)
[tree]: ./images/tree.png "This is a tree"