插入图片

在基本语法中已经解释了通用插入图片的方法。下面详细解释使用方法

基本使用方法

跟链接的方法区别在于前面加了个感叹号 !。

![图像的替代文本 - 图片名称](../../logo.png)
![图像的替代文本 - 图片名称](http://图片网址)
当然，你也可以像网址那样对图片网址使用变量

这个链接用 1 作为网址变量 [baidu][1].
然后在文档的结尾位变量赋值（网址）

[1]: https://jaywcjlove.github.io/logo.png

可以使用下面标签引入图片

<img src="https://jaywcjlove.github.io/logo.png">

🚧 注意：相对于 markdown 的图片插入，将自动拷贝放到输出目录，这在 idoc 工具中是自动的。但是资源不能放到指定文档目录（docs）之外

图片尺寸

扩展语法设置尺寸，紧跟随图片语法后面。这种语法是 idoc 扩展而来，不是标准语法，在 GitHub 上预览 html 注释将被忽略。优势对响应式页面会友好，比如最大宽度定义。

![](https://jaywcjlove.github.io/logo.png)<!--rehype:style=max-width: 230px;-->

另外一种语法直接使用 <img> 标签引入图片：

<img height="200" src="https://jaywcjlove.github.io/logo.png">