Markdown中图片设置属性[尺寸，对齐，格式]

1. 前言

Markdown是一种轻量级标记语言，排版语法简洁，让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档，可与HTML混编，可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写，Markdown被大量使用，如Github、Wikipedia、简书等。

Markdown编辑器提供了简单的插入图片的方法，但根据不同的编辑器，默认的方式可能不同，有些是默认左对齐，有些则是默认居中对齐，而且没有缩放功能，但也能满足大多数的写作需求。如果想要使用更丰富的关于插入图片的操作，可以采用内嵌HTML的方式来编写 Markdown 文件。下面先看一下csdn的markdown编辑器图片编辑样式，然后介绍一下使用 HTML 的方式来插入图片的方法。

2. 语法详解

2.1 CSDN中Markdown编辑器图片编辑样式

2.1.1 图片基本用法

图片是比文字更容易表达多方位信息的媒介。Markdown 自然也为图片的添加提供了便捷的方法。

实例一：
Markdown 图片语法格式如下：
代码：

![替代文字](图片地址)

![替代文字](图片地址 "可选标题")
![钢铁侠](https://i-blog.csdnimg.cn/direct/c6cb0573ff92492ab8ed72ee1fb43ecb.jpeg)
![钢铁侠](https://i-blog.csdnimg.cn/direct/c6cb0573ff92492ab8ed72ee1fb43ecb.jpeg "钢铁侠")

渲染：

渲染结果

• 以感叹号 ! 开始
• 紧接着方括号，包含图片的替代文字
• 接下来是普通括号，内含图片的URL地址，你还可以使用引号包裹并加上可选的title 属性文字。

2.1.2 调整尺寸大小

直接在连接地址后添加例如=宽x高的数字即可调整图片大小。
如果需要调整图片大小，只需在图片地址后添加尺寸参数.

实例二：
代码：

![替代文字](图片地址 =60x60)
![钢铁侠](https://i-blog.csdnimg.cn/direct/c6cb0573ff92492ab8ed72ee1fb43ecb.jpeg =600x600)

渲染：

样式	渲染
原图
渲染

2.1.3 调整对齐方式

若需要调整对齐方式，需要在图片链接地址后面添加指令#pic_center，该命令的位置在指定尺寸的指令前面。

调整图片位置	说明	实例
#pic_center	居中对齐	
#pic_left	靠左对齐	
#pic_right	靠右对齐	

说明：# 前面不需要空格，= 前面需要有一个空格

实例三：
代码：

![钢铁侠](https://i-blog.csdnimg.cn/direct/ea6e2d3ec4a142fabf824815af635ece.png#pic_center) 
![钢铁侠]https://i-blog.csdnimg.cn/direct/ea6e2d3ec4a142fabf824815af635ece.png#pic_left)  
![钢铁侠](https://i-blog.csdnimg.cn/direct/ea6e2d3ec4a142fabf824815af635ece.png#pic_right)  

|