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

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

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
将图像URL放入下面的标记中。记住要相应地更改宽度和高度。这样地
<img src="IMAGE_URL_HERE" width="300" height="300">
可以指定宽度而不指定高度属性,反之亦然。
或者,您可以使用百分比值更改图像大小,如下所示:
<img src="IMAGE_URL_HERE" width=50% height=50%>
其他回答
对于IntelliJ IDEA用户,请参阅Markdown Navigator插件。
预览渲染图像、徽章、HTML等。
对于在Google Colaboratory上使用Markdown的用户,无需将图像上传到会话存储文件夹或链接到Google Drive。如果图像具有URL,并且可以包含在Jupyter笔记本上,并且其大小更改如下:
<img src="https://image.png" width="500" height="500" />
在Tiemes答案的基础上,如果您使用CSS 3,可以使用子字符串选择器:
此选择器将匹配以“-fullwidth”结尾的alt标记的任何图像:
img[alt$="-fullwidth"]{
width: 100%;
display: block;
}
然后,您仍然可以使用alt标记来描述图像。
上面的标记可能类似于:

我在Ghost markdown中使用过这个,而且效果很好。
我编写了在Jekyll中使用自定义大小img标记的简单标记解析器的脚本。
https://gist.github.com/nurinamu/4ccf7197a1bdfb0d7079
{% img /path/to/img.png 100x200 %}
可以将文件添加到_plugins文件夹。
如果您正在使用kramdown,可以执行以下操作:
{:.foo}

然后将其添加到自定义CSS中:
.foo {
text-align: center;
width: 100px;
}