我刚开始接触Markdown。我喜欢它,但有一件事困扰着我:如何使用Markdown更改图像的大小?

文档仅为图像提供以下建议:

![drawing](drawing.jpg)

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。


当前回答

我编写了在Jekyll中使用自定义大小img标记的简单标记解析器的脚本。

https://gist.github.com/nurinamu/4ccf7197a1bdfb0d7079

{% img /path/to/img.png 100x200 %}

可以将文件添加到_plugins文件夹。

其他回答

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

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

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

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

由于反馈,我们知道这也适用于:

GitLab公司Jupyter笔记本

对于某些Markdown实现(包括Mou和Marked 2(仅限macOS)),您可以在图形文件的URL后添加=WIDTHxHEIGHT以调整图像大小。不要忘记=前面的空格。

![](./pic/pic1_50.png =100x20)

您可以跳过高度

![](./pic/pic1s.png =250x)

和宽度

![](./pic/pic1s.png =x250)

也许这一点最近有所改变,但Kramdown文档显示了一个简单的解决方案。

从文档中

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

And here is a referenced ![smile]

[smile]: smile.png
{: height="36px" width="36px"}

与Jekyll和Kramdown一起在github上工作。

对于在Google Colaboratory上使用Markdown的用户,无需将图像上传到会话存储文件夹或链接到Google Drive。如果图像具有URL,并且可以包含在Jupyter笔记本上,并且其大小更改如下:

<img src="https://image.png" width="500" height="500" />

有添加类和css样式的方法

!〔pic〕〔logo〕{.classname}

然后在下面写下链接和css

[logo]: (picurl)

<style type="text/css">
    .classname{
        width: 200px;
    }
</style>

此处引用