供将来参考：

Joplin的Markdown实现允许以以下方式控制导入图像的大小：

<img src=“：/7653a812439451eb1803236687a70ca”width=“450”/>

这项功能是在这里请求的，正如Laurent承诺的那样，这项功能已经实现。

我花了一段时间才弄清楚乔普林的具体答案。

你可以在kramdown中使用这个：

markdown
![drawing](drawing.jpg)   
{:.some-css-class style="width: 200px"}

or

markdown
![drawing](drawing.jpg)   
{:.some-css-class width="200"}

这样，您可以直接向最后一个html元素添加任意属性。要添加类，有一个快捷方式.class.secondclass。

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

我知道这个答案有点具体，但它可能会帮助其他需要帮助的人。

由于许多照片是使用Imgur服务上传的，因此您可以使用此处详述的API来更改照片的大小。

当在GitHub问题评论中上传照片时，它将通过Imgur添加，因此如果照片非常大，这将非常有用。

基本上http://i.imgur.com/12345.jpg，你会把http://i.imgur.com/12345m.jpg对于中等大小的图像。

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

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

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

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

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

GitLab公司Jupyter笔记本

这会奏效的

<style>
img{width: 50%;}
#foo {color: red;}
</style>

<p id="foo">foo</p>

<p style="color: blue">bar</p>