使用 Typora 编辑 Markdown 文件时插入图片的方式

这里总结一下使用 Typora 工具编辑 Markdown 文件时，插入图片的语法和注意事项。

图片的插入方式分为行内式和参考式写法。语法中图片Alt的意思是如果图片因为某些原因不能显示，就用定义的图片Alt文字来代替图片。图片Title表示鼠标悬停于图片上时出现的文字。Alt和Title都不是必须的。

行内式

语法说明：![图片Alt](图片地址 "图片Title")

![样例图](Resource\Typora\sample1.jpg "示意图")

图片地址为本地路径，显示效果如下：

还可以通过拖拉的方式，将本地路径中的图片或者网络上的图片插入到文档中，显示效果如下：

参考式

语法说明：在文档要插入图片的地方写![图片Alt][标记]

在文档的后面写上[标记]: 图片地址 "Title"

![样例图][样例图]

显示效果如下：

标记语法：
[样例图]: Resource\Typora\sample2.jpg “示意图”

调整图片大小

一般直接插入图片格式会是![](url)，这种格式下图片无法更改大小。那么考虑另外一种 HTML 格式 <img src="url" />，使用这种格式就可以更改图片的样式，语法如下：

<img src="图片地址" width="700" height="400" />
<img src="图片地址" style="zoom:80%" />

显示效果如下：

并排显示图片

若有两张或更多图片需要显示在一行，可以使用如下 HTML 格式语法

<table>
    <tr>
        <td><center><img src="图片地址"></center></td>
        <td><center><img src="图片地址"></center></td>
        <td><center><img src="图片地址"></center></td>
    </tr>
</table>

显示效果如下：