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

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

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
供将来参考:
Joplin的Markdown实现允许以以下方式控制导入图像的大小:
<img src=“:/7653a812439451eb1803236687a70ca”width=“450”/>
这项功能是在这里请求的,正如Laurent承诺的那样,这项功能已经实现。
我花了一段时间才弄清楚乔普林的具体答案。
其他回答
我编写了在Jekyll中使用自定义大小img标记的简单标记解析器的脚本。
https://gist.github.com/nurinamu/4ccf7197a1bdfb0d7079
{% img /path/to/img.png 100x200 %}
可以将文件添加到_plugins文件夹。
供将来参考:
Joplin的Markdown实现允许以以下方式控制导入图像的大小:
<img src=“:/7653a812439451eb1803236687a70ca”width=“450”/>
这项功能是在这里请求的,正如Laurent承诺的那样,这项功能已经实现。
我花了一段时间才弄清楚乔普林的具体答案。
这会奏效的
<style>
img{width: 50%;}
#foo {color: red;}
</style>
<p id="foo">foo</p>
<p style="color: blue">bar</p>
这里公认的答案是,我迄今为止使用的应用程序(如Ghost、Stackdit.io或StackOverflow编辑器)中没有任何Markdown编辑器可用。我在StackEdit.io问题跟踪程序中找到了一个解决方法。
解决方案是直接使用HTML语法,它工作得很好:
<img src="http://....jpg" width="200" height="200" />
通过纯向后兼容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组件/应用程序来显示标记。