1. 程式人生 > >使用base64編碼把背景新增到CSS檔案中

使用base64編碼把背景新增到CSS檔案中

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

在部落格園後臺,有一個“檔案”選單,可以上傳自己的檔案,我就打算把圖片傳到裡面。但卻發現了一個很反人性的設定:不允許上傳jpg,png檔案,允許上傳的只有bmp,gif這樣的圖片檔案。bmp檔案太大,載入都要好幾秒,gif檔案質量太差,只有256色,不能滿足需求。估計這樣不讓我們傳圖片,是為了省流量吧。

沒辦法,只好另闢蹊徑。在允許上傳的檔案選單裡發現可以上傳CSS。

 

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

轉換完之後建立一個css檔案,寫入如下內容:

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

插入之後如圖所示:

上傳這個css到部落格園後臺的檔案選單:

之後在後臺設定的CSS中寫入匯入命令:

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

&n