Markdown 图片

要添加图像,请添加一个感叹号(!),然后在括号中添加替代文本,并在括号中添加图像资源的路径或URL。您可以选择在括号中的URL之后添加标题。

![alt 属性文本](图片地址 "可选标题")
  • 开头一个感叹号 !
  • 接着一个方括号,里面放上图片的替代文字。在图片无法加载时,会显示替代文字。
  • 接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 ’title’ 属性的文字。

Markdown 原文:

![这是一个图片](../md-img.png "图片标题")

渲染后效果:

这是一个图片

图片链接

Markdown 原文:

[![这是一个图片](../md-img.png "图片标题")](http://cncfstack.com)

渲染后效果:

这是一个图片

格式引用图片

当然,你也可以像网址那样对图片网址使用变量:

Markdown 原文:

这个链接用 1 作为网址变量 [cncfstack][1].

然后在文档的结尾为变量赋值(网址)

[1]: ../md-img.png 

渲染后效果:

这个链接用 1 作为网址变量 cncfstack.

然后在文档的结尾为变量赋值(网址)

指定图片大小

Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用 HTML 普通的 <img /> 标签。

<img src="http://cncfstack.com/images.png" width="50%" />

部分 Markdown 解析器可以添加宽度设置:

  • gitbook 解析器在结尾添加{}设置:![](http://cncfstack.com/images.png){width=50%}