如何在文章中插入"静态"在线SVG图片

jekyll.jpg

只需要用到markdown语法中的插入图片

很明显地，要在纯文字应用中设计一个「自然」的语法来插入图片是有一定难度的。

Markdown 使用一种和链接很相似的语法来标记图片，同样也允许两种样式： 行内式和参考式。

行内式的图片语法看起来像是：

 ![]()

详细叙述如下：

一个惊叹号 !
接着一个方括号，里面放上图片的替代文字
接着一个普通括号，里面放上图片的网址，最后还可以用引号包住并加上 选择性的 'title' 文字。

参考式的图片语法则长得像这样：

 ![Alt text][id]
 [id]是图片参考的名称，图片参考的定义方式则和连结参考一样：
 [id]: url/to/image  "Optional title attribute"

到目前为止， Markdown 还没有办法指定图片的宽高，如果你需要的话，你可以使用普通的 <img> 标签。

在Hbuilder里面显示如下

在线图片_插入.jpg