var bc = [   //1.创建一个数组保存渐变的颜色
background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%);
background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);
background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);
background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%);
background-image: linear-gradient(to top, #ebc0fd 0%, #d9ded8 100%);
background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);
background-image: linear-gradient(to top, #c471f5 0%, #fa71cd 100%);
background-image: linear-gradient(to top, #9795f0 0%, #fbc8d4 100%);
background-image: linear-gradient(-20deg, #dcb0ed 0%, #99c99c 100%);
background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
background-image: linear-gradient(to right, #ec77ab 0%, #7873f5 100%);

//渐变颜色网站  https://webgradients.com/
];





    changeBackground();
//4.突发奇想，除了每隔10s切换一次，还有哪些其他触发事件呢？没错，就是刷新
//页面每次刷新都会重新加载代码，所以changeBackground();主要是为了在刷新页面时更换背景颜色的。

    function changeBackground() {  //2.定义生成随机数和切换背景的函数
        var color_string = bc[Math.floor(Math.random() * 22)];
        $("body").css("background-image", color_string);

    }
    $(function () {
        $("body").css("background-attachment", "fixed"); 
        setInterval(changeBackground, 10000);  //3.设置定时器，每隔10s更换一次背景
    });

   #header {   //1.由于要自定义页首，所以将原先的页首隐藏掉
        display: none;
    }

    body { //3.这个是修改背景颜色在滚动状态下依然是垂直平铺的
        background: fixed;
    }

    body,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    ul,
    li,
    img {   //4.这个是定义边框的圆角的，像分类和分页都是圆角显示
        border-radius: 15px;
    }

    .sidebar-block {  
    //5.这是一个细节，分类的背景默认是白色，如果有圆角边框的话就会多出来，于是将背景颜//色设置为透明
        background-color: transparent;
    }

    #sideBar li {
    //6.这是设置分类侧栏边标签的背景颜色和字体大小
        background-color: white;
        font-size: 16px;
    }

    .sidebar-block ul li a:hover {
     //7.设置右侧分类标签链接属性，当鼠标进去时，字体颜色为黑色，字体增大
        color: black;
        font-size: 17px;
    }

    .sidebar-block h3 {
    //7.这是设置随笔分类那四个字的样式的，其中背景为渐变
        border: 0px;
        margin-bottom: 3px;
        background-image: linear-gradient(to right, #434343 0%, black 100%);
        font-size: 25px;
    }

    .sidebar-block ul li {
     //8.写不下去了，这样写得累死，直接跳到下面，分享一下怎么调代码
        line-height: 1;
    }

    .catListView {
        background: transparent;
    }

    #sideBar ul {
        border: 0px;
    }

    .class-mouseenter {
        width: 400px;
    }


    .day .postTitle2 {
        font-size: 28px;
    }

    .c_b_p_desc {
        font-size: 20px;
    }

    #topics .postTitle {
        text-align: center;
        font-size: 35px;
        margin-bottom: 100px;
        border-bottom: 2px solid;
    }

    #sideBar {
        position: absolute;
        right: 3%;
    }

    .day {
        width: 125%;
    }

    #topics {
        width: 125%;
    }
    #cnblogs_post_body p
    {
        font-size: 18px
    }
    #cnblogs_post_body ul li
    {
        font-size: 16px;
    }