Markdown插入图片 详细例子(本地图片，网络图片，base64) Windows

网上一番搜索，领略到基本所有回答，都是一样的，简简单单的介绍。

而且，TMD，插入图片答案的本地路径，都是回答的是Linux或Mac OS系统的路径，诸如：/user/desktop/doge.png

（真的回答的人都是用这些系统，还是复制粘贴。rile...)

就没有一个是实例操作来的，新人怎么容易学会，于是……我们来实例操作Markdown 插入图片。

插图最基础的格式是：

   

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

    link：可以是图片的本地地址、网址。

    "optional title"：鼠标悬置于图片上会出现的标题文字，可以不写。

   使用base64图片编码时格式：

    ![Alternative text][base64 label]  //都是中括号[]

   base64 label:图片Base64编码的标签名。

目录

本地图片

相对路径

网络路径图片

最后base64图片转码

继续例子

呈现：

一个坑：图片或者路径名字不要有空格，不然会识别不了。

相对路径嘛，当然也可以如下，把图片放到本目录的下一级目录，或者上一级目录

很多回答说，支持绝对路径，但是白百般尝试，并不可以

一万个回答里，看到仅有一人说，不支持绝对路径。这个链接

这个按格式来就可以，例如：

呈现如下：

用在线编码工具：

站长 http://tool.chinaz.com/tools/imgtobase/

自己写一个，例如：java

参看这篇文章末尾的代码，可以顺便了解下Base64的原理，由来。

用base64转码工具把图片转成一段字符串，然后把字符串填到基础格式中链接的那个位置。

CSDN图片，转码为Base64：

MD代码：

如上，Base64编码统一放于文档末尾，方便管理

另一个坑：不能有空格！ 包括可替换文本；资源标签，也就是Base64编码的，例如上面的‘csdn图片Base64’,'csdn'。

呈现：

完事。