一个Markdown链接与图片技巧
ieayoio
1月 23, 2018
基本语法
先来看一下超链接和图片的语法：1
2[ieayoio's site](http://www.ieayoio.tk/)
显示效果如下：
图片的base64编码
可以百度搜索图片转码base64有很多在线工具，比如：http://tool.chinaz.com/tools/imgtobase
转化出的以data:image开头的一长串代码可以替代图片的链接，这样并不需要单独的图片服务器，可以将图片与mark文本融为一体
高级的语法技巧
上面的做法有个弊端，图片的base64编码通常十分冗长，这样做对markdown代码的可读性破坏非常严重，所以能不能将base64编码定义一个“变量”放在文章末端，然后使用这个“变量”替代冗长的编码？答案是可以的,代码如下：1
2
3![chrome][chr]
[chr]: data:image/jpg;base64,/.....==
效果如下
以上方法同样适用于超链接，这样对代码的影响较小，图片与文档融为一体，图片不会因为第三方服务停止的消失而失效，但是冗长的base64编码放在末端依然使markdown的文档一下子增加了无数倍的文件大小
该博文来自于ieayoio的博客：ieayoio’s blog