使用base64編碼把背景添加到CSS文件中


最近博客背景圖片的外鏈掛了,沒辦法,只好另找辦法。

在博客園后台,有一個“文件”菜單,可以上傳自己的文件,我就打算把圖片傳到里面。但卻發現了一個很反人性的設置:不允許上傳jpg,png文件,允許上傳的只有bmp,gif這樣的圖片文件。bmp文件太大,加載都要好幾秒,gif文件質量太差,只有256色,不能滿足需求。估計這樣不讓我們傳圖片,是為了省流量吧。

沒辦法,只好另辟蹊徑。在允許上傳的文件菜單里發現可以上傳CSS。

 

首先把文件轉成base64編碼。百度base64能找到一堆工具:

轉換完之后創建一個css文件,寫入如下內容:

body{
    background-image:url("你的base64字符串");
}

插入之后如圖所示:

上傳這個css到博客園后台的文件菜單:

之后在后台設置的CSS中寫入導入命令:

完成,現在你的博客首頁就有不依靠外鏈的背景圖片了:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM