咖啡猫
0%

主题优化

发表于 更新于 分类于

本片记录博客主题优化，持续更新，加油把博客装扮成花里胡哨吧哈哈

背景

  1. 背景透明化

    参考文章：https://blog.csdn.net/Growing_potato/article/details/113926856

    修改source\_data\styles.styl 文件夹代码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    body {
          background: url(/images/background.png);//自己喜欢的图片地址
          background-size: cover;
          background-repeat: no-repeat;
          background-attachment: fixed;
          background-position: 50% 50%;
    }
    //博客内容透明化
    //文章内容的透明度设置
    .content-wrap {
      opacity: 0.8;
    }
    .main-inner { 
       // margin-top: 60px;
       // padding: 60px 60px 60px 60px;

       background: rgba(255,255,255,0.7) none repeat scroll !important;
    }
    //侧边框的透明度设置
    .sidebar-inner {
      background: rgba(255,255,255,0.7) none repeat scroll !important;
      }

    //菜单栏的透明度设置
    .header-inner {
      background: rgba(255,255,255,0.8);
    }

    //搜索框（local-search）的透明度设置
    .popup {
      opacity: 0.8;
    }

    用以上代码以后本来透明的部分反而不透明了，我再修改下