个人站点搭建成功啦,快来看看(点击查看)

博客园背景设置

前言

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

上传至博客相册

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

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

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

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

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

以下是我的背景图

posted @   不忘编码  阅读(7821)  评论(10编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
点击右上角即可分享
微信分享提示