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

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

如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
我来这里寻找答案。这里有一些很棒的建议。黄金信息指出markdown完全支持HTM1!
一个好的干净的解决方案总是使用纯html语法。使用标签。
但我仍然试图坚持markdown语法,所以我尝试将其包装在一个标记周围,并在div标记中添加我想要的图像属性。它奏效了!!
<div style="width:50%"></div>
因此,支持外部图像!
我想我会把这个放在那里,因为它没有在任何答案中
其他回答
如果您正在使用kramdown,可以执行以下操作:
{:.foo}

然后将其添加到自定义CSS中:
.foo {
text-align: center;
width: 100px;
}
将相对维度添加到源URL将在大多数Markdown渲染器中进行渲染。
我们在Corilla中实现了这一点,因为我认为该模式符合现有工作流的预期,而不迫使用户依赖基本的HTML。如果你最喜欢的工具没有遵循类似的模式,那么值得提出一个功能请求。
语法示例:

小猫的例子:
我只是在一些图像编辑器中编辑图像-水平放大图像,因此当渲染器调整大小到页面宽度时,它会垂直缩小。
所以,只需添加一些透明的左右边距即可。
有添加类和css样式的方法
!〔pic〕〔logo〕{.classname}
然后在下面写下链接和css
[logo]: (picurl)
<style type="text/css">
.classname{
width: 200px;
}
</style>
此处引用
在Tiemes答案的基础上,如果您使用CSS 3,可以使用子字符串选择器:
此选择器将匹配以“-fullwidth”结尾的alt标记的任何图像:
img[alt$="-fullwidth"]{
width: 100%;
display: block;
}
然后,您仍然可以使用alt标记来描述图像。
上面的标记可能类似于:

我在Ghost markdown中使用过这个,而且效果很好。