在Markdown中更改图像大小

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

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

![drawing](drawing.jpg)

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

当前回答

这会奏效的

<style>
img{width: 50%;}
#foo {color: red;}
</style>

<p id="foo">foo</p>

<p style="color: blue">bar</p>

其他回答

有添加类和css样式的方法

!〔pic〕〔logo〕｛.classname｝

然后在下面写下链接和css

[logo]: (picurl)

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

此处引用

如果您正在为PanDoc编写MarkDown，可以执行以下操作：

![drawing](drawing.jpg){ width=50% }

这会将style=“width:50%；”添加到HTML＜img＞标记中，或将[width=0.5\textwidth]添加到LaTeX中的\includegraphics中。

资料来源：http://pandoc.org/MANUAL.html#extension-链接属性

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

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

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

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

纯粹的<img。。。width=“50%”>如上所述，在我的Github Readme.md文档上做了工作。

然而，我真正的问题是，图像位于表单元格中，只是压缩旁边单元格中的文本。因此，另一种方法是在Markdown表中设置列宽，但这些解决方案对于我的上午来说似乎还不够醒目。

最后，我通过简单地在旁边的文本单元格中添加所需的“”来解决这两个问题。

我希望这有帮助。再见，谢谢大家。

这会奏效的

<style>
img{width: 50%;}
#foo {color: red;}
</style>

<p id="foo">foo</p>

<p style="color: blue">bar</p>

推荐文章