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

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

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
结合两个答案,我得出了一个解决方案,看起来可能没那么漂亮,但它奏效了!
它创建了一个具有特定大小的缩略图,可以单击该缩略图以获得最高分辨率的图像。
[<img src="image.png" width="250"/>](image.png)
这是一个例子!我在Visual Code和Github上测试了它。
由于反馈,我们知道这也适用于:
GitLab公司Jupyter笔记本
其他回答
如果您正在使用kramdown,可以执行以下操作:
{:.foo}

然后将其添加到自定义CSS中:
.foo {
text-align: center;
width: 100px;
}
如果您在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"
也许这一点最近有所改变,但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上工作。
您可以像这样设置图像末尾的大小:

人们可以利用alt属性,该属性可以在几乎所有Markdown实现/渲染中设置,以及基于属性值的CSS选择器。优点是可以轻松定义一整套不同的图片大小(以及其他属性)。
标记:

CSS:
img[alt="minipic"] {
max-width: 20px;
display: block;
}