Stackoverflow热门问题(十四)-改变Markdown图片的大小的方式

stackoverflow热门问题目录

如有翻译问题欢迎评论指出,谢谢。

改变Markdown图片的大小的方式

  • cantdutchthis asked:
    • 我刚开始用markdown,感觉不错,不过有个小问题困扰着我:怎样改变markdown图片的大小?
    • 文档只给出了下面的图片使用例子
    • ![drawing](drawing.jpg)
    • 以及有没有办法能让图片居中?希望是用标准markdown语法实现的,而不是GitHub实现的。
  • Answers:
    • Tieme – vote: 1254
      • 在markdown里面使用html标签:
      • <img src="drawing.jpg" alt="drawing" width="200"/>
      • 或者使用style属性(GitHub不支持
      • <img src="drawing.jpg" alt="drawing" style="width:200px;"/>
      • 或者自定义CSS文件像这篇回答里说的:Markdown and image alignment
      • ![drawing](drawing.jpg)
      • 在其它文件的CSS:
      • img[alt=drawing] { width: 200px; }
    • prosseek – vote: 662
      • 想使用markdown语法来实现的话(包括MouMarked 2(仅macOS)),可以通过添加=WIDTHxHEIGHT在图片URL的后面来设置图片大小(=前需要空格)。
      • ![](./pic/pic1_50.png =100x20)
      • 可以省略高度
      • ![](./pic/pic1s.png =250x)
    • kushdilip – vote: 405
      • The accepted answer here isn’t working with any Markdown editor available in the apps I have used till date like Ghost, Stackedit.io or even in the StackOverflow editor. I found a workaround here in the StackEdit.io issue tracker.
        • 这段看不懂,机翻也看不懂,不过下面这句我看懂了,所以问题不大。
      • 直接使用HTML语法就好了,非常完美:
      • <img src="http://....jpg" width="200" height="200" />

Changing image size in Markdown

  • cantdutchthis asked:
    • I just got started with Markdown. I love it, but there is one thing bugging me: How can I change the size of an image using Markdown?
      • 我刚开始用markdown,感觉不错,不过有个小问题困扰着我:怎样改变markdown图片的大小?
    • The documentation only gives the following suggestion for an image:
      • 文档只给出了下面的图片使用例子
    • ![drawing](drawing.jpg)
    • If it is possible I would like the picture to also be centered. I am asking for general Markdown, not just how GitHub does it.
      • 以及有没有办法能让图片居中?希望是用标准markdown语法实现的,而不是GitHub实现的。
  • Answers:
    • Tieme – vote: 1254
      • You could just use some HTML in your Markdown:
        • 在markdown里面使用html标签:
      • <img src="drawing.jpg" alt="drawing" width="200"/>
      • Or via style attribute (not supported by GitHub)
        • 或者使用style属性(GitHub不支持
      • <img src="drawing.jpg" alt="drawing" style="width:200px;"/>
      • Or you could use a custom CSS file as described in this answer on Markdown and image alignment
      • ![drawing](drawing.jpg)
      • CSS in another file:
        • 在其它文件的CSS:
      • img[alt=drawing] { width: 200px; }
    • prosseek – vote: 662
      • With certain Markdown implementations (including Mou and Marked 2 (only macOS)) you can append =WIDTHxHEIGHT after the URL of the graphic file to resize the image. Do not forget the space before the =.
        • 想使用markdown语法来实现的话(包括MouMarked 2(仅macOS)),可以通过添加=WIDTHxHEIGHT在图片URL的后面来设置图片大小(=前需要空格)。
      • ![](./pic/pic1_50.png =100x20)
      • You can skip the HEIGHT
        • 可以省略高度
      • ![](./pic/pic1s.png =250x)
    • kushdilip – vote: 405
      • The accepted answer here isn’t working with any Markdown editor available in the apps I have used till date like Ghost, Stackedit.io or even in the StackOverflow editor. I found a workaround here in the StackEdit.io issue tracker.
        • 这段看不懂,机翻也看不懂,不过下面这句我看懂了,所以问题不大。
      • The solution is to directly use HTML syntax, and it works perfectly:
        • 直接使用HTML语法就好了,非常完美:
      • <img src="http://....jpg" width="200" height="200" />

You may also like...

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注