最近博客背景圖片的外鏈掛了,沒辦法,只好另找辦法。 在博客園後臺,有一個“文件”菜單,可以上傳自己的文件,我就打算把圖片傳到裡面。但卻發現了一個很反人性的設置:不允許上傳jpg,png文件,允許上傳的只有bmp,gif這樣的圖片文件。bmp文件太大,載入都要好幾秒,gif文件質量太差,只有256色, ...
最近博客背景圖片的外鏈掛了,沒辦法,只好另找辦法。
在博客園後臺,有一個“文件”菜單,可以上傳自己的文件,我就打算把圖片傳到裡面。但卻發現了一個很反人性的設置:不允許上傳jpg,png文件,允許上傳的只有bmp,gif這樣的圖片文件。bmp文件太大,載入都要好幾秒,gif文件質量太差,只有256色,不能滿足需求。估計這樣不讓我們傳圖片,是為了省流量吧。
沒辦法,只好另闢蹊徑。在允許上傳的文件菜單里發現可以上傳CSS。
首先把文件轉成base64編碼。百度base64能找到一堆工具:
轉換完之後創建一個css文件,寫入如下內容:
body{ background-image:url("你的base64字元串"); }
插入之後如圖所示:
上傳這個css到博客園後臺的文件菜單:
之後在後臺設置的CSS中寫入導入命令:
完成,現在你的博客首頁就有不依靠外鏈的背景圖片了: