使用base64編碼把背景新增到CSS檔案中
最近部落格背景圖片的外鏈掛了,沒辦法,只好另找辦法。
在部落格園後臺,有一個“檔案”選單,可以上傳自己的檔案,我就打算把圖片傳到裡面。但卻發現了一個很反人性的設定:不允許上傳jpg,png檔案,允許上傳的只有bmp,gif這樣的圖片檔案。bmp檔案太大,載入都要好幾秒,gif檔案質量太差,只有256色,不能滿足需求。估計這樣不讓我們傳圖片,是為了省流量吧。
沒辦法,只好另闢蹊徑。在允許上傳的檔案選單裡發現可以上傳CSS。
首先把檔案轉成base64編碼。百度base64能找到一堆工具:
轉換完之後建立一個css檔案,寫入如下內容:
body{ background-image:url("你的base64字串"); }
插入之後如圖所示:
上傳這個css到部落格園後臺的檔案選單:
之後在後臺設定的CSS中寫入匯入命令:
完成,現在你的部落格首頁就有不依靠外鏈的背景圖片了:
&n
相關推薦
使用base64編碼把背景新增到CSS檔案中
最近部落格背景圖片的外鏈掛了,沒辦法,只好另找辦法。 在部落格園後臺,有一個“檔案”選單,可以上傳自己的檔案,我就打算把圖片傳到裡面。但卻發現了一個很反人性的設定:不允許上傳jpg,png檔案,允許上傳的只有bmp,gif這樣的圖片檔案。bmp檔案太大,載入都要好幾秒,gif檔案質量
在Asp.net中動態新增css檔案,js檔案,控制元件
一、動態新增CSS檔案 HtmlLink link = new HtmlLink(); link.Href = cssUrl; //路徑 link.Attributes.Add("type", "text/css");
繞過泛型,通過反射把 String 新增到 List 中
繞過泛型,通過反射把 String 新增到 List<Integer> 中 public class ArrayListDemo { public static void main(String[] args) throws NoSuchMethodException, I
Zoey.Dapper--Dapper擴充套件之把SQL語句放到檔案中
介紹 不知道大家在用Dapper的時候SQL語句是寫到哪的,目前看網上的例子都是寫到類裡面的. 此專案的目的是把SQL語句放到檔案(xml)中 目前只是初步版本,只是說明了意圖,後面會持續完善和優化 功能說明 SQL 語句單獨存放在檔案(xml)中 支援配置多資料夾(暫不支援指定具體檔案) 實時監
有兩個磁碟檔案A和B,各存放一行字母,要求把這兩個檔案中的資訊合併(按字母順序排列)
#include "stdio.h" main() { FILE *fp; int i,j,n,ni; char c[160],t,ch; if((fp=fopen("A","r"))==NULL) {printf("file A cannot be open
hta工具:從.css檔案中清理不使用的樣式類(id或class類)
-----------程式碼----------<!DOCTYPE html><html><head><title>清除不使用的樣式</title></head><body><iframe id="html" app
為什麼要在css檔案中定義 ul{margin:0;padding:0;}這個選擇器?
為什麼要在css檔案中定義 ul{margin:0;padding:0;}這個選擇器?ul標籤在FF中預設是有padding值的,而在IE中只有margin預設有值。請看以下不同瀏覽中對padding、margin的預設值是多少?IE效果:IE的結果:margin-left:
如何刪除和新增PDF檔案中的頁面
PDF格式的檔案我們會經常遇到和用到,所以我們是不可能避免修改和編輯PDF檔案的,所以這樣的話我們就只能自己去學習該怎麼的編輯和修改PDF檔案了,不然的話我們以後在辦公的過程中上級領導如果讓我們修改和編輯PDF檔案,那麼我們就會顯得很尷尬,也會讓別人覺得我們的能力不強,說
單獨css檔案中設定中文字型
參考muzai部落格 http://blog.csdn.net/muzai/article/details/5737960 今天在頁面上想設定中文字型為“華文新魏”,一個很奇怪的現象,如果css程式碼在html頁面,直接font-family:"華文新魏“可以搞定,但是把c
透過現象看webpack處理css檔案中圖片路徑轉換的具體過程
webpack是目前使用比較流行的一個前端模組打包器,前端的任何資源都被當成一個模組來處理,如圖片、css檔案等等。在基於webpack構建的前端專案中,一般都會配置有關css檔案處理的規則,這其中也包括css檔案中圖片資源的處理,那麼webpack到底是怎麼處理它的呢?筆者之前也遇到過類似圖片路勁的問題,為
C#中圖片轉換為Base64編碼,Base64編碼轉換為圖片
byte[] agen oms ase gef urn for app raw #region 圖片轉為base64編碼的字符串 public string ImgToBase64String(string Imagefilename) {
BASE64編碼的圖片在網頁中的顯示問題的解決
base64 問題 圖片 spi www. html nbsp base64編碼 href BASE64編碼的圖片在網頁中的顯示問題的解決 關於圖片的Base64編碼,你了解嗎? BASE64編碼的圖片在網頁中的顯示問題的解決
在 Java 中如何進行 BASE64 編碼和解碼
解碼 clas nal upd getch 根據 數組 格式 並且 BASE64 編碼是一種常用的字符編碼,在很多地方都會用到。JDK 中提供了非常方便的 BASE64Encoder 和 BASE64Decoder,用它們可以非常方便的完成基於 BASE64 的編碼和解碼。
Vuejs使用scoped style為v-html中標籤新增CSS樣式
本文最新版本及更多技術文章請訪問我的個人技術部落格: http://blog.sbot.io 謝謝大家支援! 在Vue元件中,我們可以使用<style scoped>標籤來新增針對該元件的CSS樣式。 <template>
在HTML中引入多個css檔案
在HTML中引入css的兩個方法:匯入式和連結式。 匯入式和連結式的目的都是將一個獨立的css檔案引入一個檔案中,二者的區別不大,事實上,二者最大的區別在於連結式使用html的標記引入外部css檔案,而使用匯入式則是使用css規則引入外部css檔案。因此它們的語法也不同。 1. 連結式
python中如何把log輸入到檔案
import logging,os import time def getlogger(loggername='mylogger'): # 使用一個名字為mylogger的logger logger = logging.getLogger(loggername) # 設定lo
Dockerfile 檔案中新增 redis 擴充套件
我的 dockerfile 檔案如下 FROM php:7.1.8-apache ENV TZ=Asia/Shanghai ENV APACHE_LOG_DIR /var/log/apache2_log COPY sources.list /etc/apt/sources.list RUN
如何在Windows Server 2008伺服器中把Tomcat啟動程式新增到服務中
在部署測試伺服器時,有的學員問Tomcat作為應用伺服器使用,但部署在windows server 2008環境下後,啟動應用需要在介面上留下一個CMD視窗,有時可能會被別人誤關閉。還不能自啟動,遇到這樣的問題很是頭疼,那麼接下來我們將講一個好用的方法,該方法將啟動新增到服務中,能保證服務不會被別人誤停。
在markdown中直接插入base64編碼的圖片
經常寫一些東西,但是一直被如何分享與遷移這些東西困擾。比如從onenote和word沒辦法快速的釋出到csdn(本來有介面的,但是csdn現在不提供了)。釋出到csdn的內容不能直接完整的複製下來繼續編輯,格式會完全亂掉。 markdown是一個不錯的答案,以文字的方式表達格式,走到哪都
laravel中新增路由檔案
laravel版本是 5.4.36(使用命令 php artisan --version檢視),專案中本來只有一個routes.php(路徑是app/Http/routes.php),現在想要建多個路由檔案,為了便於管理路由。 可以分三步完成: 1、在專案根目錄下建立一個ro