在Markdown中更改图像大小

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

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

![drawing](drawing.jpg)

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

当前回答

有添加类和css样式的方法

!〔pic〕〔logo〕｛.classname｝

然后在下面写下链接和css

[logo]: (picurl)

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

此处引用

其他回答

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

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

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

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

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

GitLab公司Jupyter笔记本

您可以在Markdown中使用一些HTML：

<img src="drawing.jpg" alt="drawing" width="200"/>

或通过样式属性（GitHub不支持）

<img src="drawing.jpg" alt="drawing" style="width:200px;"/>

或者您可以使用自定义CSS文件，如以下关于Markdown和图像对齐的回答所述

![drawing](drawing.jpg)

另一个文件中的CSS：

img[alt=drawing] { width: 200px; }

有添加类和css样式的方法

!〔pic〕〔logo〕｛.classname｝

然后在下面写下链接和css

[logo]: (picurl)

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

此处引用

如果使用markdown，首先需要启用HTML渲染：

const md = require("markdown-it")({
  html: true,
});

然后可以在.md文件中使用：

<img src="" alt="drawing" width="100%" height="200"/>

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

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

推荐文章