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

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

调整Jupyter笔记本中标记图像附件的大小

我使用的是jupiter_core-4.4.0和jupiter笔记本电脑。

如果您通过将图像插入标记来附加图像，如下所示：

![Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png](attachment:Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png)

这些附件链接不起作用：

<img src="attachment:Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png" width="500"/>

这样做。这确实有效。

只需添加div括号。

<div>
<img src="attachment:Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png" width="500"/>
</div>

希望这有帮助！

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

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

如果您在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"

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

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