直接动工

  1. 我们在 hexo根目录 \source\css 或者 主题 \themes\butterfly\source\css 目录内 创建一个css文件 例如: css.css

  2. 复制下面css代码进去文件 ，修改文件中的图片改为自己的图片 例如: url(../img/beijing.jpeg); 改为 url(您的图片网址);

    /*背景*/
    #web_bg {
      background: url(../img/beijing.jpeg); #浅色模式背景图
    }
    @media screen and (max-width:860px) {
      #web_bg {
    background: url(../img/shouji.jpeg); #浅色模式手机背景图
    }
    }
    [data-theme='dark'] #web_bg {
      background: url(../img/ybeijing.jpeg); #深色模式背景图
    }
    @media screen and (max-width:860px) {
      [data-theme='dark'] #web_bg {
    background: url(../img/yshouji.jpeg); #深色模式手机背景图
    }
    }
    [data-theme='dark'] #web_bg,#web_bg{
               background-attachment: local;
               background-position: center;
               -webkit-background-size: cover;
               -moz-background-size: cover;
               background-size: cover;
               background-repeat: no-repeat;
    }

  3. 在主题的配置文件内 引入创建的的CSS文件

    inject:
      head:
        - <link rel="stylesheet" defer="defer" href="../css/css.css" >
      bottom:

    保存后，刷新博客，就生效了！感谢支持