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

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

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
如果您正在为PanDoc编写MarkDown,可以执行以下操作:
{ width=50% }
这会将style=“width:50%;”添加到HTML<img>标记中,或将[width=0.5\textwidth]添加到LaTeX中的\includegraphics中。
资料来源:http://pandoc.org/MANUAL.html#extension-链接属性
其他回答
结合两个答案,我得出了一个解决方案,看起来可能没那么漂亮,但它奏效了!
它创建了一个具有特定大小的缩略图,可以单击该缩略图以获得最高分辨率的图像。
[<img src="image.png" width="250"/>](image.png)
这是一个例子!我在Visual Code和Github上测试了它。
由于反馈,我们知道这也适用于:
GitLab公司Jupyter笔记本
如果您在Gihub Flavored Markdown中使用参考样式图像:
Here is an image of tree:
![alt text][tree]{height=400px width=500px}
[//]: # (Image References)
[tree]: ./images/tree.png "This is a tree"
纯粹的<img。。。width=“50%”>如上所述,在我的Github Readme.md文档上做了工作。
然而,我真正的问题是,图像位于表单元格中,只是压缩旁边单元格中的文本。因此,另一种方法是在Markdown表中设置列宽,但这些解决方案对于我的上午来说似乎还不够醒目。
最后,我通过简单地在旁边的文本单元格中添加所需的“”来解决这两个问题。
我希望这有帮助。再见,谢谢大家。
你可以在kramdown中使用这个:
markdown

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

{:.some-css-class width="200"}
这样,您可以直接向最后一个html元素添加任意属性。要添加类,有一个快捷方式.class.secondclass。
我知道这个答案有点具体,但它可能会帮助其他需要帮助的人。
由于许多照片是使用Imgur服务上传的,因此您可以使用此处详述的API来更改照片的大小。
当在GitHub问题评论中上传照片时,它将通过Imgur添加,因此如果照片非常大,这将非常有用。
基本上http://i.imgur.com/12345.jpg,你会把http://i.imgur.com/12345m.jpg对于中等大小的图像。