看工具鏈接請(qǐng)直接將文章拉到最后…

概述

不知道你在使用markdown寫文章的時(shí)候有沒(méi)有遇到過(guò)這樣的煩惱, 文件寫完了, 想將寫完的文章粘貼到博客的時(shí)候, 你滿心歡喜的復(fù)制粘貼, 但是發(fā)現(xiàn)圖片根本復(fù)制不過(guò)去, 是不是很難受, 尤其對(duì)于我這種使用markdown寫文章, 寫完后想把文章發(fā)表到多個(gè)平臺(tái)的人來(lái)說(shuō)(畢竟是自己辛辛苦苦寫的, 總希望更多的人能看到嘛), 著實(shí)麻煩.

那么, 針對(duì)這種情況, 有沒(méi)有什么解決辦法呢? 解決辦法如下:

markdown文件中的圖片使用在線地址

將markdown文件中的圖片進(jìn)行base64編碼

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

對(duì)于第二種辦法, 我覺(jué)得挺好, 直接將圖片寫入到markdown文件中, 給別人發(fā)送的時(shí)候也不用連著圖片的文件夾一起發(fā)送了

原來(lái)在markdown文件中插入圖片, 格式如下:


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

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

對(duì)圖片進(jìn)行base64編碼的話, 其實(shí)有很多在線的網(wǎng)站可以做到, 但是每一次手動(dòng)去做這個(gè)操作, 還能不能讓我好好寫文章了, 作為一個(gè)程序員, 這怎么能容忍.

到網(wǎng)站搜一下, 有沒(méi)有能夠?qū)arkdown文件中的圖片一鍵進(jìn)行base64編碼的工具, 抱歉, 沒(méi)有找到, 那怎么辦呢? 自己寫一個(gè)唄!

流程分析

其實(shí)整體流程還是很簡(jiǎn)單的:

分解出文章中的圖片

對(duì)圖片進(jìn)行base64編碼

將編碼后的字符串替換文章中圖片的url

但是, 我又發(fā)現(xiàn)一個(gè)新的問(wèn)題, 圖片base64編碼后的字符串很長(zhǎng), 所以就需要進(jìn)行圖片的壓縮, 那就再1-2步驟中間再加一個(gè)圖片壓縮的流程.

程序介紹

本程序允許自行擴(kuò)充圖片的壓縮方法, 目前僅支持一種方法, 調(diào)用tinypng的接口, 若要使用, 請(qǐng)?jiān)傥募械膋ey替換成自己的

當(dāng)然, 也可以添加自己壓縮圖片的方法

不寫也可以, 會(huì)直接對(duì)原圖片進(jìn)行編碼, 可能字符串會(huì)有點(diǎn)長(zhǎng), 嘿嘿

程序鏈接:

碼云: https://gitee.com/hujingnb/markdownImage

github: https://github.com/hujingnb/markdownImage

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

總結(jié)

以上是生活随笔為你收集整理的MD文件图片base64自动编码的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。