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

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

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
调整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>
希望这有帮助!
其他回答
如果您正在为PanDoc编写MarkDown,可以执行以下操作:
{ width=50% }
这会将style=“width:50%;”添加到HTML<img>标记中,或将[width=0.5\textwidth]添加到LaTeX中的\includegraphics中。
资料来源:http://pandoc.org/MANUAL.html#extension-链接属性
你可以在kramdown中使用这个:
markdown

{:.some-css-class style="width: 200px"}
or
markdown

{:.some-css-class width="200"}
这样,您可以直接向最后一个html元素添加任意属性。要添加类,有一个快捷方式.class.secondclass。
这一条对我有用,它不在一条线上,但我希望它对你有用。
<div>
<img src="attachment:image.png" width="500" height="300"/>
</div>
通过纯向后兼容MD:

其中w,h定义了要纵横适配的边界框,例如在Flutter包中https://pub.dev/packages/flutter_markdown
代码:https://github.com/flutter/packages/blob/9e8f5227ac14026c419f481ed1dfcb7b53961475/packages/flutter_markdown/lib/src/builder.dart#L473
重新考虑破坏兼容性的html解决方案,因为人们可能会使用本机/非html组件/应用程序来显示标记。
供将来参考:
Joplin的Markdown实现允许以以下方式控制导入图像的大小:
<img src=“:/7653a812439451eb1803236687a70ca”width=“450”/>
这项功能是在这里请求的,正如Laurent承诺的那样,这项功能已经实现。
我花了一段时间才弄清楚乔普林的具体答案。