对于所有在R markdown/bookdown中工作的解决方案，上述解决方案不工作或需要略微调整：

工作

追加｛width=50%｝或｛width=50%height=50%｝![foo]（foo.png）｛width=50%｝![foo]（foo.png）｛宽度=50%高度=50%｝重要提示：宽度和高度之间没有逗号，即{width=50%，height=30%}不起作用！追加｛height=“36px”width=“36px”｝![foo]（foo.png）｛height=“36px”width=“36px”｝注意：带冒号的｛：height=“36px”width=“36px”｝（来自@sayth）似乎不适用于R markdown

不工作：

附加=宽度x高度在图形文件的URL之后调整图像大小（从@prosseek）两者都不=宽度x高度！[foo]（foo.png=100x20）nor=仅宽度！[foo]（foo.png=250x）工作

结合两个答案，我得出了一个解决方案，看起来可能没那么漂亮，但它奏效了！

它创建了一个具有特定大小的缩略图，可以单击该缩略图以获得最高分辨率的图像。

[<img src="image.png" width="250"/>](image.png)

这是一个例子！我在Visual Code和Github上测试了它。

由于反馈，我们知道这也适用于：

GitLab公司Jupyter笔记本

代替[title]（imageurl.type）与<img src=“https://image-url.type“width=”200“height=”200“/>

对于所有在R markdown/bookdown中工作的解决方案，上述解决方案不工作或需要略微调整：

工作

追加｛width=50%｝或｛width=50%height=50%｝![foo]（foo.png）｛width=50%｝![foo]（foo.png）｛宽度=50%高度=50%｝重要提示：宽度和高度之间没有逗号，即{width=50%，height=30%}不起作用！追加｛height=“36px”width=“36px”｝![foo]（foo.png）｛height=“36px”width=“36px”｝注意：带冒号的｛：height=“36px”width=“36px”｝（来自@sayth）似乎不适用于R markdown

不工作：

附加=宽度x高度在图形文件的URL之后调整图像大小（从@prosseek）两者都不=宽度x高度！[foo]（foo.png=100x20）nor=仅宽度！[foo]（foo.png=250x）工作

对于IntelliJ IDEA用户，请参阅Markdown Navigator插件。

预览渲染图像、徽章、HTML等。

如果每个md文件中有一个图像，控制图像大小的一种简便方法是：

添加css样式如下：

## Who Invented JSON?
`Douglas Crockford`

Douglas Crockford originally specified the JSON format in the early 2000s.
![Douglas Crockford](img/Douglas_Crockford.jpg)

<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/>![结果1]（img/res-img-1.png）<br/>![结果2]（img/res-img-2.png）<br/>![结果3]（img/res-img-3.png）