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

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

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
在Tiemes答案的基础上,如果您使用CSS 3,可以使用子字符串选择器:
此选择器将匹配以“-fullwidth”结尾的alt标记的任何图像:
img[alt$="-fullwidth"]{
width: 100%;
display: block;
}
然后,您仍然可以使用alt标记来描述图像。
上面的标记可能类似于:

我在Ghost markdown中使用过这个,而且效果很好。
其他回答
在Tiemes答案的基础上,如果您使用CSS 3,可以使用子字符串选择器:
此选择器将匹配以“-fullwidth”结尾的alt标记的任何图像:
img[alt$="-fullwidth"]{
width: 100%;
display: block;
}
然后,您仍然可以使用alt标记来描述图像。
上面的标记可能类似于:

我在Ghost markdown中使用过这个,而且效果很好。
如果您正在为PanDoc编写MarkDown,可以执行以下操作:
{ width=50% }
这会将style=“width:50%;”添加到HTML<img>标记中,或将[width=0.5\textwidth]添加到LaTeX中的\includegraphics中。
资料来源:http://pandoc.org/MANUAL.html#extension-链接属性
纯粹的<img。。。width=“50%”>如上所述,在我的Github Readme.md文档上做了工作。
然而,我真正的问题是,图像位于表单元格中,只是压缩旁边单元格中的文本。因此,另一种方法是在Markdown表中设置列宽,但这些解决方案对于我的上午来说似乎还不够醒目。
最后,我通过简单地在旁边的文本单元格中添加所需的“”来解决这两个问题。
我希望这有帮助。再见,谢谢大家。
供将来参考:
Joplin的Markdown实现允许以以下方式控制导入图像的大小:
<img src=“:/7653a812439451eb1803236687a70ca”width=“450”/>
这项功能是在这里请求的,正如Laurent承诺的那样,这项功能已经实现。
我花了一段时间才弄清楚乔普林的具体答案。
如果使用markdown,首先需要启用HTML渲染:
const md = require("markdown-it")({
html: true,
});
然后可以在.md文件中使用:
<img src="" alt="drawing" width="100%" height="200"/>