MarkDown添加图片几种思路

1.MarkDown概述

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。Markdown的语法简洁明了、学习容易，而且功能比纯文本更强，因此有很多人用它写博客。

2.插入图片基本语法

![Alt text](图片链接 "optional title")

2.1 Alt text

图片的Alt标签，用来描述图片的关键词，可以不写。最初的本意是当图片因为某种原因不能被显示时而出现的替代文字，后来又被用于SEO，可以方便搜索引擎根据Alt text里面的关键词搜索到图片。这个文本可以不写，但是不能省略"[]".

2.2 图片链接

可以是图片的本地地址或者是网址，也可以是base64编码，后续有讲解。

2.3 optional title

鼠标悬置于图片上会出现的标题文字，可以不写，但是需要和前面的图片链接有一个空格。

3. 插入图片的几种思路

3.1 插入本地图片

将图片和md文件放到同一个文件夹下编写如下代码:

![hellworld](1.jpg "world")

显示效果如下图。通过下图，可以看出"optional title"的作用。

3.2 插入网络图片

![avatar](https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2164734927,1367682520&fm=26&gp=0.jpg)

3.3 把图片存入markdown文件

基本语法:

![avatar](data:image/png;base64,iVBORw0......)

这个时候会发现插入的这一长串字符串会把整个文章分割开，非常影响编写文章时的体验。如果能够把大段的base64字符串放在文章末尾，然后在文章中通过一个id来调用，文章就不会被分割的这么乱了。

高级语法:

![avatar][base64str]
[base64str]:data:image/png;base64,iVBORw0......