我刚开始接触Markdown。我喜欢它,但有一件事困扰着我:如何使用Markdown更改图像的大小?
文档仅为图像提供以下建议:
![drawing](drawing.jpg)
如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
我刚开始接触Markdown。我喜欢它,但有一件事困扰着我:如何使用Markdown更改图像的大小?
文档仅为图像提供以下建议:
![drawing](drawing.jpg)
如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
纯粹的<img。。。width=“50%”>如上所述,在我的Github Readme.md文档上做了工作。
然而,我真正的问题是,图像位于表单元格中,只是压缩旁边单元格中的文本。因此,另一种方法是在Markdown表中设置列宽,但这些解决方案对于我的上午来说似乎还不够醒目。
最后,我通过简单地在旁边的文本单元格中添加所需的“”来解决这两个问题。
我希望这有帮助。再见,谢谢大家。
其他回答
对于在Google Colaboratory上使用Markdown的用户,无需将图像上传到会话存储文件夹或链接到Google Drive。如果图像具有URL,并且可以包含在Jupyter笔记本上,并且其大小更改如下:
<img src="https://image.png" width="500" height="500" />
对于IntelliJ IDEA用户,请参阅Markdown Navigator插件。
预览渲染图像、徽章、HTML等。
我编写了在Jekyll中使用自定义大小img标记的简单标记解析器的脚本。
https://gist.github.com/nurinamu/4ccf7197a1bdfb0d7079
{% img /path/to/img.png 100x200 %}
可以将文件添加到_plugins文件夹。
也许这一点最近有所改变,但Kramdown文档显示了一个简单的解决方案。
从文档中
Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.
And here is a referenced ![smile]
[smile]: smile.png
{: height="36px" width="36px"}
与Jekyll和Kramdown一起在github上工作。
你可以在kramdown中使用这个:
markdown
![drawing](drawing.jpg)
{:.some-css-class style="width: 200px"}
or
markdown
![drawing](drawing.jpg)
{:.some-css-class width="200"}
这样,您可以直接向最后一个html元素添加任意属性。要添加类,有一个快捷方式.class.secondclass。