使用H5小特性在页面中插入base64编码图片

现在的图片显示方案基本都是用图床，但是图床这个东西感觉并不靠谱，免费图床不知道啥时候跑路，靠谱的免费图床会被GFW狠狠制裁所以体验不佳。

我用Server+Aria2离线缓存涩涩，来下的时候输错了文件名404，这才发现我现在这个站点的404还是Nginx的大白板

这样不好，所以我决定复原一下我原来的404页面；可惜的是，原来其中有一张图片放在图床，现在已经无法正常的显示出来了，寄！

图片不大也就几十k，怎么做到持久化呢？

H5中的img标签

好消息，img标签能做的不只是接受一个图片链接，而是可以直接收一个base64编码的图片，只需要按照一定的格式,例如

<img src="data:image/jpeg;base64,<base64编码的图>" alt="我测" style="max-width:90%; max-height:2000px;"/>

好消息，Markdown也同样支持HTML的标签，所以也能直接在Markdown里面如此操作，比如下面这张图（可以按F12检查元素）

完工

来看看修好的404页面？