我刚开始接触Markdown。我喜欢它,但有一件事困扰着我:如何使用Markdown更改图像的大小?
文档仅为图像提供以下建议:
![drawing](drawing.jpg)
如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
我刚开始接触Markdown。我喜欢它,但有一件事困扰着我:如何使用Markdown更改图像的大小?
文档仅为图像提供以下建议:
![drawing](drawing.jpg)
如果可能的话,我希望图片也居中。我问的是Markdown将军,而不仅仅是GitHub是如何做到的。
当前回答
如果您正在为PanDoc编写MarkDown,可以执行以下操作:
![drawing](drawing.jpg){ width=50% }
这会将style=“width:50%;”添加到HTML<img>标记中,或将[width=0.5\textwidth]添加到LaTeX中的\includegraphics中。
资料来源:http://pandoc.org/MANUAL.html#extension-链接属性
其他回答
我编写了在Jekyll中使用自定义大小img标记的简单标记解析器的脚本。
https://gist.github.com/nurinamu/4ccf7197a1bdfb0d7079
{% img /path/to/img.png 100x200 %}
可以将文件添加到_plugins文件夹。
结合两个答案,我得出了一个解决方案,看起来可能没那么漂亮,但它奏效了!
它创建了一个具有特定大小的缩略图,可以单击该缩略图以获得最高分辨率的图像。
[<img src="image.png" width="250"/>](image.png)
这是一个例子!我在Visual Code和Github上测试了它。
由于反馈,我们知道这也适用于:
GitLab公司Jupyter笔记本
这里公认的答案是,我迄今为止使用的应用程序(如Ghost、Stackdit.io或StackOverflow编辑器)中没有任何Markdown编辑器可用。我在StackEdit.io问题跟踪程序中找到了一个解决方法。
解决方案是直接使用HTML语法,它工作得很好:
<img src="http://....jpg" width="200" height="200" />
对于某些Markdown实现(包括Mou和Marked 2(仅限macOS)),您可以在图形文件的URL后添加=WIDTHxHEIGHT以调整图像大小。不要忘记=前面的空格。
![](./pic/pic1_50.png =100x20)
您可以跳过高度
![](./pic/pic1s.png =250x)
和宽度
![](./pic/pic1s.png =x250)
我知道这个答案有点具体,但它可能会帮助其他需要帮助的人。
由于许多照片是使用Imgur服务上传的,因此您可以使用此处详述的API来更改照片的大小。
当在GitHub问题评论中上传照片时,它将通过Imgur添加,因此如果照片非常大,这将非常有用。
基本上http://i.imgur.com/12345.jpg,你会把http://i.imgur.com/12345m.jpg对于中等大小的图像。