在markdown中直接插入base64编码的图片

经常写一些东西,但是一直被如何分享与迁移这些东西困扰。比如从onenote和word没办法快速的发布到csdn(本来有接口的,但是csdn现在不提供了)。发布到csdn的内容不能直接完整的复制下来继续编辑,格式会完全乱掉。

markdown是一个不错的答案,以文字的方式表达格式,走到哪都没问题。但是还是不够完美,因需要为图片搞个图床。这不就更麻烦了嘛。图床用不了咋办。。

想到了一个typora+base64+图片压缩的勉强的解决方式。因为我平时写的博客都是截图示意一下,并不复杂,图也不大。

具体操作步骤如下:
1. 截图之后保存图片。
2. 用在线网站压缩:http://www.bejson.com/ui/compress_img/
(推荐使用80以上的压缩比,能看清就行)
3. 压缩完成之后,用此网站在线base64编码:http://imgbase64.duoshitong.com/
4. 将base64复制下来。用以下语法表示图片:

![image][link1]
我是内容…..^_^
[link1]:data:image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACMYGh4aFiMeHB4nJSMpNFc4NDAwNGpMUD9Xfm+EgnxveneLnMipi5S9lnd6ru2wvc7V4OLgh6f1//PZ/8jb4Nf/2wBDASUnJzQuNGY4OGbXj3qP19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19f/wAARCAAzAIEDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAEDAgT/xAAeEAEBAAICAwEBAAAAAAAAAAAAAQIRAzESIUEiQv/EABgBAQEBAQEAAAAAAAAAAAAAAAABAgQD/8QAGREBAQEAAwAAAAAAAAAAAAAAAAERAiFB/9oADAMBAAIRAxEAPwDtVHW40FAQUBBdAqCgIoACgIKIIKAgoCCgAAA6mNvTTj4plfaW41JaxG2fBZb43bK42dwllSyxBRRFAAUBBQEFARZNgga9LMdppZddC9NMMcf6byTX5rybrrHkyx6Ysrc5R6ddeTnlwmfpnOe/YXm38TKuys8sLj25aXk3NWOG487niCiiGlAQXQCAAoAAAAAAAAAAAKAgAA//2Q==

这样做的缺点就是文章太长。经过测试,插入10张图片typora已经开始卡顿,而且typora居然不支持ctrl+shift+end/home这个快捷键,有点失望。

不过把base64链接放到notepad中编辑(设置不自动换行),文章写好之后,最后复制过来,还是比较能接受。像这样:
image

不过,可以看出,这个整个步骤还是比较繁琐。要是能有个截屏工具可以直接设置压缩比然后得到base64编码就比较完美了。(可以考虑动手撸一个…)

目前来看,还是能够接受的啦,睡啦。晚安,世界!

参考:
将图片内嵌入Markdown文档中

你可能感兴趣的:(工具—IDE—环境搭建)