博客园背景设置

前言

　　博客园提供了个人首页背景的模板，但却是让人觉得一言难尽，于是我自己修改了一些样式供大家参考

上传至博客相册

将选定的图片上传至自己博客园的相册中（自己可以新增一个相册，用来存放首页背景图）

将选定的背景图上传至博客园服务器

　　　　然后右键图片复制路径就好了，当然上传到博客园的图片会被压缩，然后做背景的时候会变模糊不好看，所以选择第二种

新增随笔，在随笔中上传背景图

获取上传至博客园服务器背景图的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;
}

以下是我的背景图