我刚开始接触Markdown。我喜欢它,但有一件事困扰着我:如何使用Markdown更改图像的大小?
文档仅为图像提供以下建议:
![drawing](drawing.jpg)
如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
我刚开始接触Markdown。我喜欢它,但有一件事困扰着我:如何使用Markdown更改图像的大小?
文档仅为图像提供以下建议:
![drawing](drawing.jpg)
如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
Tieme的答案在大多数情况下都是最好的。
在我的例子中,我使用pandoc将markdown转换为乳胶。HTML标记在这里不起作用。
我的解决方案是重新实现includegraphics
\let\maxincludegraphics\includegraphics
\renewcommand{\includegraphics}[1]{\maxincludegraphics[max width=\textwidth]{#1}}
类似于在转换为HTML后使用CSS。
其他回答
这里公认的答案是,我迄今为止使用的应用程序(如Ghost、Stackdit.io或StackOverflow编辑器)中没有任何Markdown编辑器可用。我在StackEdit.io问题跟踪程序中找到了一个解决方法。
解决方案是直接使用HTML语法,它工作得很好:
<img src="http://....jpg" width="200" height="200" />
代替[title](imageurl.type)与<img src=“https://image-url.type“width=”200“height=”200“/>
您可以在Markdown中使用一些HTML:
<img src="drawing.jpg" alt="drawing" width="200"/>
或通过样式属性(GitHub不支持)
<img src="drawing.jpg" alt="drawing" style="width:200px;"/>
或者您可以使用自定义CSS文件,如以下关于Markdown和图像对齐的回答所述
![drawing](drawing.jpg)
另一个文件中的CSS:
img[alt=drawing] { width: 200px; }
也许这一点最近有所改变,但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上工作。
如果更改初始标记对您来说不是一个选项,则此黑客可能会奏效:
newHtml = oldHtml.replace(/<img/g, '<img height="100"');
我使用它可以在发送电子邮件之前调整图像大小(因为Outlook忽略任何图像css样式)