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

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

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

没办法，只好另辟蹊径。在允许上传的文件菜单里发现可以上传CSS。

首先把文件转成base64编码。百度base64能找到一堆工具：

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

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

插入之后如图所示：

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

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

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

转载于:https://www.cnblogs.com/lyj00912/p/11404884.html

使用base64编码把背景添加到CSS文件中相关推荐

vue样式中背景图片路径_解决vue打包css文件中背景图片的路径问题
vue-cli写完的静态页面我们在node环境中引入没有问题,但是打包后放在Apache环境下,路径却有问题了如一个简单css语句 .welcome { width: 420px; height: ...
获取js里添加的css文件,用JS添加一个css文件
我在这里发现了一些关于我的问题的问题,但我无法使用它. 通过JS点击它们时我会改变的CSS属性,JQuery的用JS添加一个css文件 Green Red /*$(document).ready(fu ...
要将OFD文件的base64编码转换为可下载的OFD文件
要将OFD文件的base64编码转换为可下载的OFD文件,可以通过以下步骤: 将后台返回的OFD文件的base64编码解码成二进制数据. 创建一个Blob对象,并将二进制数据放入其中. const b ...
html语言调用图片,css文件中怎么引用图片？
CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表.那么如何在css文件中引入图片呢?下面我们来看一下css引入图片的方法. css中background-i ...
是否可以在另一个CSS文件中包含一个？
是否可以在另一个CSS文件中包含一个? #1楼是的,可以使用@import并提供css文件的路径,例如 @import url("mycssfile.css"); 要么 @imp ...
php操作外部文件,php文件操作-将其他文件的数据添加到本文件中
本篇文章的内容是php文件操作-将其他文件的数据添加到本文件中,现在分享给大家,有需要的朋友可以参考一下 GitHub源码其实我们的程序基于下面的问题写的答案: 有两个文本文件 A.txt B.tx ...
halcon append_ocr_trainf 将字符添加到训练文件中
目录 append_ocr_trainf(算子) 描述参数 append_ocr_trainf(算子) append_ocr_trainf - 将字符添加到训练文件中. append_ocr_tra ...
php中怎么应用css文件,利用PHP怎么下载CSS文件中的图片
利用PHP怎么下载CSS文件中的图片发布时间:2020-12-18 16:14:49 来源:亿速云阅读:87 作者:Leah 这篇文章给大家介绍利用PHP怎么下载CSS文件中的图片,内容非常详细, ...
【如何将.vue文件中的所有css代码放入一个.css文件中】
javascript – 如何将.vue文件中的所有css代码放入一个.css文件中?

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

使用base64编码把背景添加到CSS文件中相关推荐

最新文章

热门文章