博客園背景設置

前言

　　博客園提供了個人首頁背景的模板，但卻是讓人覺得一言難盡，於是我自己修改了一些樣式供大家參考

上傳至博客相冊

將選定的圖片上傳至自己博客園的相冊中（自己可以新增一個相冊，用來存放首頁背景圖）

將選定的背景圖上傳至博客園服務器

　　　　然后右鍵圖片復制路徑就好了，當然上傳到博客園的圖片會被壓縮，然后做背景的時候會變模糊不好看，所以選擇第二種

新增隨筆，在隨筆中上傳背景圖

獲取上傳至博客園服務器背景圖的url

　　　　新建一篇隨筆在那里添加一張圖片然后右鍵審查元素獲取路徑

修改代碼

　　　　在頁面定制css代碼里加以下代碼

body:before {
    background: url(https://img2018.cnblogs.com/blog/1646268/201906/1646268-20190625093618683-318547492.jpg) center/cover no-repeat;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.08;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    filter: grayscale(40%);
    filter: gray;
}

以下是我的背景圖