博客园背景设置

前言

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

上传至博客相册

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

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



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

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

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

• « 上一篇：2019年前端求职面试题-主攻react
• » 下一篇：shutil模块(了解)