GitHub风格的自定义博客主题

前言

cnblogs提供的默认博客主题让人感觉很老，就是那种很老很老的很老，让人回到了网上冲浪的时代，话说那时候我才上小学，那时候还在天天捣鼓着我的乐高积木，想象着在自己搭建的水晶宫里吃着鱼虾，就在某个充满着声嘶力竭的蝉鸣声的日子里，老爹突然抱着一台联想PC机回家了，我还依稀记得那是一台配有手写板的电脑，那时候不会打字，所以就在手写板上写字，那些“太囧”的日子现在想想还真是欢乐呢。有点跑题严重了，赶紧收一收。
由于博客的默认主题看起来太老旧了，因此我决定要DIY一个看起来Fashion一点的主题。同时，它也不能太Fashion，要有技术博客那种简洁的风格。史蒂夫·乔布斯曾说：要简约！所以，我的DIY也要简约！

正文

想了一个晚上，终于让我有了一个比较好的idea，那就是，我要GitHub那种的简约。因此，在浏览器F12的帮助下，我终于把我的DIY主题做好了。
首先，我们需要先使用cnblogs提供的BlueSky主题，你可以在设置里找到它。
其次，把以下的CSS复制到自定义的CSS里，Done!

#home{
background-color: #f6f8fa!important;
}
#main{
background-color: unset;
}
#header{
background-color: #24292e;
color: hsla(0,0%,100%,.75);
padding-bottom: 11px;
padding-top: 11px;
z-index: 32;
}
#navList li a{
background-color: #24292e;
}
#navList li a:hover{
background-color: #24292e;
color: #bcbcbc;
}
#sideBar{
padding-top: 0px;
display: inline-block;
background-color: white;
box-shadow: 1px 0px 6px #999;
margin-left: 3px;
}
#sidebar_search{
display: none;
}
#author_profile{
display: none;
}
#green_channel{
float: left;
}
#div_digg{
float: right;
}
#ad_text_under_commentbox, #ad_t2, #opt_under_post, #cnblogs_c1, #under_post_news, #cnblogs_c2, #under_post_kb{
display: none;
}
.day{
padding-bottom: 0px;
}
.dayTitle{
display: none;
}

升华

其实还有可以改进的地方，比如页脚、背景以及评论区，不过我决定先留个坑，以后再做啦！

结语

F12真好用，怎么有种抄作业的感觉。