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

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

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
有添加类和css样式的方法
!〔pic〕〔logo〕{.classname}
然后在下面写下链接和css
[logo]: (picurl)
<style type="text/css">
.classname{
width: 200px;
}
</style>
此处引用
其他回答
如果更改初始标记对您来说不是一个选项,则此黑客可能会奏效:
newHtml = oldHtml.replace(/<img/g, '<img height="100"');
我使用它可以在发送电子邮件之前调整图像大小(因为Outlook忽略任何图像css样式)
调整Jupyter笔记本中标记图像附件的大小
我使用的是jupiter_core-4.4.0和jupiter笔记本电脑。
如果您通过将图像插入标记来附加图像,如下所示:

这些附件链接不起作用:
<img src="attachment:Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png" width="500"/>
这样做。这确实有效。
只需添加div括号。
<div>
<img src="attachment:Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png" width="500"/>
</div>
希望这有帮助!
这会奏效的
<style>
img{width: 50%;}
#foo {color: red;}
</style>
<p id="foo">foo</p>
<p style="color: blue">bar</p>
如果我们只是像这样使用普通的HTML图像标记,那么它是有效的,如果您使用引导来进行样式设置。我在Jekyll制作的网站上使用这个。
<img class="img-fluid" src="./img/face.jpg" alt="img-verification">
如果我们按照这个例子添加引导类,它会很好地工作。
纯粹的<img。。。width=“50%”>如上所述,在我的Github Readme.md文档上做了工作。
然而,我真正的问题是,图像位于表单元格中,只是压缩旁边单元格中的文本。因此,另一种方法是在Markdown表中设置列宽,但这些解决方案对于我的上午来说似乎还不够醒目。
最后,我通过简单地在旁边的文本单元格中添加所需的“”来解决这两个问题。
我希望这有帮助。再见,谢谢大家。