MD文件圖片base64自動編碼

看工具鏈接請直接將文章拉到最后..

概述

不知道你在使用markdown寫文章的時候有沒有遇到過這樣的煩惱, 文件寫完了, 想將寫完的文章粘貼到博客的時候, 你滿心歡喜的復制粘貼, 但是發現圖片根本復制不過去, 是不是很難受, 尤其對於我這種使用markdown寫文章, 寫完后想把文章發表到多個平台的人來說(畢竟是自己辛辛苦苦寫的, 總希望更多的人能看到嘛), 着實麻煩.

那么, 針對這種情況, 有沒有什么解決辦法呢? 解決辦法如下:

1. markdown文件中的圖片使用在線地址
2. 將markdown文件中的圖片進行base64編碼

先來看看第一種解決辦法, 將圖片使用在線地址固然可以解決問題, 而且現在很多markdown文件都支持已將將圖片進行上傳, 但是這個解決辦法在我看來有一個問題, 萬一那天服務器不能用了, 那 之前辛辛苦苦的各種文章都失去配圖了

對於第二種辦法, 我覺得挺好, 直接將圖片寫入到markdown文件中, 給別人發送的時候也不用連着圖片的文件夾一起發送了

原來在markdown文件中插入圖片, 格式如下:

![圖片](url)

如果使用圖片的base64編碼, 如下:

![圖片](data:image/png,base64,iGmCV...)
![圖片][id]
[id]:data:image/png,base64,iGmCV...

對圖片進行base64編碼的話, 其實有很多在線的網站可以做到, 但是每一次手動去做這個操作, 還能不能讓我好好寫文章了, 作為一個程序員, 這怎么能容忍.

到網站搜一下, 有沒有能夠將markdown文件中的圖片一鍵進行base64編碼的工具, 抱歉, 沒有找到, 那怎么辦呢? 自己寫一個唄!

流程分析

其實整體流程還是很簡單的:

1. 分解出文章中的圖片
2. 對圖片進行base64編碼
3. 將編碼后的字符串替換文章中圖片的url

但是, 我又發現一個新的問題, 圖片base64編碼后的字符串很長, 所以就需要進行圖片的壓縮, 那就再1-2步驟中間再加一個圖片壓縮的流程.

程序介紹

本程序允許自行擴充圖片的壓縮方法, 目前僅支持一種方法, 調用tinypng的接口, 若要使用, 請再文件中的key替換成自己的

當然, 也可以添加自己壓縮圖片的方法

不寫也可以, 會直接對原圖片進行編碼, 可能字符串會有點長, 嘿嘿

程序鏈接:

1. 碼雲: https://gitee.com/hujingnb/markdownImage

若使用過程中遇到問題或新的需求, 可以給我留言, 或者你直接改也可以.