我刚开始接触Markdown。我喜欢它,但有一件事困扰着我:如何使用Markdown更改图像的大小?
文档仅为图像提供以下建议:

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
我刚开始接触Markdown。我喜欢它,但有一件事困扰着我:如何使用Markdown更改图像的大小?
文档仅为图像提供以下建议:

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
结合两个答案,我得出了一个解决方案,看起来可能没那么漂亮,但它奏效了!
它创建了一个具有特定大小的缩略图,可以单击该缩略图以获得最高分辨率的图像。
[<img src="image.png" width="250"/>](image.png)
这是一个例子!我在Visual Code和Github上测试了它。
由于反馈,我们知道这也适用于:
GitLab公司Jupyter笔记本
其他回答
如果我们只是像这样使用普通的HTML图像标记,那么它是有效的,如果您使用引导来进行样式设置。我在Jekyll制作的网站上使用这个。
<img class="img-fluid" src="./img/face.jpg" alt="img-verification">
如果我们按照这个例子添加引导类,它会很好地工作。
对于IntelliJ IDEA用户,请参阅Markdown Navigator插件。
预览渲染图像、徽章、HTML等。
这一条对我有用,它不在一条线上,但我希望它对你有用。
<div>
<img src="attachment:image.png" width="500" height="300"/>
</div>
也许这一点最近有所改变,但Kramdown文档显示了一个简单的解决方案。
从文档中
Here is an inline {: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中:
{: width=200px}