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

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

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
如果每个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/>
其他回答
我编写了在Jekyll中使用自定义大小img标记的简单标记解析器的脚本。
https://gist.github.com/nurinamu/4ccf7197a1bdfb0d7079
{% img /path/to/img.png 100x200 %}
可以将文件添加到_plugins文件夹。
如果更改初始标记对您来说不是一个选项,则此黑客可能会奏效:
newHtml = oldHtml.replace(/<img/g, '<img height="100"');
我使用它可以在发送电子邮件之前调整图像大小(因为Outlook忽略任何图像css样式)
在Tiemes答案的基础上,如果您使用CSS 3,可以使用子字符串选择器:
此选择器将匹配以“-fullwidth”结尾的alt标记的任何图像:
img[alt$="-fullwidth"]{
width: 100%;
display: block;
}
然后,您仍然可以使用alt标记来描述图像。
上面的标记可能类似于:

我在Ghost markdown中使用过这个,而且效果很好。
如果使用markdown,首先需要启用HTML渲染:
const md = require("markdown-it")({
html: true,
});
然后可以在.md文件中使用:
<img src="" alt="drawing" width="100%" height="200"/>
这会奏效的
<style>
img{width: 50%;}
#foo {color: red;}
</style>
<p id="foo">foo</p>
<p style="color: blue">bar</p>