原博客效果

原博客效果

感觉确实有些花里胡哨了

去掉功能如下：

音乐

# 音乐
aplayer:
  meting: false
  asset_inject: false

B站番剧

#B站番剧
bangumi:
  enable: false
  vmid: 
  title: '生命不息，追番不止。'
  quote: 'Where there is life, there is life.'
  show: 1
  loading: '/img/gif/brain.gif'

豆瓣电影

##电影
douban:
  user: 
  builtin: false
  book:
    title: 'This is my book title'
    quote: 'This is my book quote'

页面透明


#hidden_element{
    display: none!important;
    visibility: hidden;
    opacity: 0;
    /* 三条属性择一即可 */
  }
/* 首页文章卡片 */
#recent-posts > .recent-post-item{
    background:rgba(255, 255, 255, 0.9);
}
/* 首页侧栏卡片 */
.card-widget{
  background:rgba(255, 255, 255, 0.9)!important;
}
/* 文章页面正文背景 */
div#post{
  background: rgba(255, 255, 255, 0.9);
}
/* 分页页面 */
div#page{
  background: rgba(255, 255, 255, 0.9);
}
/* 归档页面 */
div#archive{
  background: rgba(255, 255, 255, 0.9);
}
/* 标签页面 */
div#tag{
  background: rgba(255, 255, 255, 0.9);
}
/* 分类页面 */
div#category{
  background: rgba(255, 255, 255, 0.9);
}
#footer{
    opacity: 0.5;
  }
/* 页脚透明 */
#footer{
    background: transparent!important;
  }
  /* 头图透明 */
  #page-header{
    background: transparent!important;
  }
  /*top-img黑色透明玻璃效果移除，不建议加，除非你执着于完全一图流或者背景图对比色明显 */
  #page-header.post-bg:before {
    background-color: transparent!important;
  }
  /*夜间模式伪类遮罩层透明*/
  [data-theme="dark"]
    #footer::before{
        background: transparent!important;
      }
  [data-theme="dark"]
    #page-header::before{
      background: transparent!important;
      }

      [data-theme="dark"]
      #aside-content .card-widget{
          background: rgba(0, 0, 0, 0.5)!important;
        }
    [data-theme="dark"]
      div#post{
        background: rgba(0, 0, 0, 0.5)!important;
        }

        .read-mode #aside-content .card-widget{
            background: rgba(158, 204, 171, 0.5)!important;
          }
      .read-mode div#post{
          background: rgba(158, 204, 171, 0.5)!important;
          }
          [data-theme="dark"]
          .read-mode #aside-content .card-widget{
                background: rgba(0, 0, 0, 0.5)!important;
                color: #ffffff;
              }
        [data-theme="dark"]  
          .read-mode div#post{
              background: rgba(0, 0, 0, 0.5)!important;
              color: #ffffff;
              }

还有好多各种各样的花哨js，CSS，等等。

现在的博客样式就很满意，看来是这十几天过去成熟了啊。