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

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

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
人们可以利用alt属性,该属性可以在几乎所有Markdown实现/渲染中设置,以及基于属性值的CSS选择器。优点是可以轻松定义一整套不同的图片大小(以及其他属性)。
标记:

CSS:
img[alt="minipic"] {
max-width: 20px;
display: block;
}
其他回答
如果您在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"
调整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>
希望这有帮助!
我知道这个答案有点具体,但它可能会帮助其他需要帮助的人。
由于许多照片是使用Imgur服务上传的,因此您可以使用此处详述的API来更改照片的大小。
当在GitHub问题评论中上传照片时,它将通过Imgur添加,因此如果照片非常大,这将非常有用。
基本上http://i.imgur.com/12345.jpg,你会把http://i.imgur.com/12345m.jpg对于中等大小的图像。
对于某些Markdown实现(包括Mou和Marked 2(仅限macOS)),您可以在图形文件的URL后添加=WIDTHxHEIGHT以调整图像大小。不要忘记=前面的空格。

您可以跳过高度

和宽度

如果每个md文件中有一个图像,控制图像大小的一种简便方法是:
添加css样式如下:
## Who Invented JSON?
`Douglas Crockford`
Douglas Crockford originally specified the JSON format in the early 2000s.

<style type="text/css">
img {
width: 250px;
}
</style>
输出如下:
如果每个md页面中有更多的图像,那么控制每个图像或每个自定义标记的简便方法是在css中定义每个元素。对于img标记,我们可以有:
//在css或样式标签中:img[alt=“结果1”]{宽度:100px;}img[alt=“结果2”]{宽度:200px;}img[alt=“结果3”]{宽度:400px;}//尝试使用以下方法之一在文档中插入图像:<br/><img src=“https://i.stack.imgur.com/xUb54.png“alt=”结果1“><br/><img src=“https://i.stack.imgur.com/xUb54.png“alt=”结果2“><br/><img src=“https://i.stack.imgur.com/xUb54.png“alt=”结果3“><br/><br/>在md中:<br/><br/><br/>