使用base64编码把背景添加到CSS文件中

最近博客背景图片外链挂了,没办法,只好另找办法。

博客园后台,有一个“文件菜单,可以上传自己的文件,我就打算把图片传到里面。但却发现了一个很反人性的设置:不允许上传jpg,png文件,允许上传的只有bmpgif这样的图片文件。bmp文件太大,加载都要好几秒,gif文件质量太差,只有256色,不能满足需求。估计这样不让我们传图片,是为了省流量吧。

使用base64编码把背景添加到CSS文件中

没办法,只好另辟蹊径。在允许上传的文件菜单里看到一行字:CSS!有办法了!首先把文件转成base64编码。百度base64能找到一堆工具:

使用base64编码把背景添加到CSS文件中

转换完之后创建一个css文件,写入如下内容:

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

插入之后如图所示:

使用base64编码把背景添加到CSS文件中

上传这个css到博客园后台的文件菜单:

使用base64编码把背景添加到CSS文件中

之后在后台设置的CSS中写入导入命令:

使用base64编码把背景添加到CSS文件中

完成,现在你的博客首页就有不依靠外链的背景图片了:

使用base64编码把背景添加到CSS文件中

 

未经允许不得转载:杂烩网 » 使用base64编码把背景添加到CSS文件中

评论 0

#快捷签到点我#

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

置顶文章