博客园主题自定义美化(代码片段)

<span class="portrait"></span>

div.post div.entry 
    font-family: Georgia, "Times New Roman", Times, sans-serif


div.post div.entry h1, div.post div.entry h2, div.post div.entry h3 
    margin-top: 24px;
    margin-bottom: 12px;


div.post div.entry h1 
    padding: 5px;
    color: white;
    background-color: gray;


div.post h2 
    font-size: 22px;
    line-height: 100%;


div.post div.entry pre.code 
    font-family: Consolas border-style : dashed;
    border-left: solid 5px #6ce26c


div#information 
    background-color: #f8f8ee;
    border: solid 1px #e8e7d0;
    padding: 5px 10px 0px 10px;
    min-height: 10px;
    margin-top: -15px;
    margin-bottom: 30px;
    color: #666666


.cnblogs_code 
    border-left: #58CE60 5px solid !important;


#site_nav_under, .c_ad_block, #under_post_news, #under_post_kb 
    display: none !important;

<link href="http://files.cnblogs.com/files/lyzg/cnblogs.css" rel="stylesheet" />
<style type="text/css">
body 
    background: #98C17B url(\'http://images2015.cnblogs.com/blog/459873/201509/459873-20150919175458742-1697781612.jpg\') no-repeat top center;
    background-size: 100% 100%;
    background-attachment: fixed;

input[type="button"].btn_my_zzk 
  width: 60px;


#home 
  border-top-right-radius: 0;

#blogTitle .title 
    position: relative;
    background: none;

.portrait 
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    overflow: hidden;
    background: white url(\'http://pic.cnblogs.com/avatar/459873/20150917085709.png\') no-repeat left center;
    background-size: contain;
   transition: all 0.8s;
   -moz-transition: all 0.8s; /* Firefox 4 */
   -webkit-transition: all 0.8s; /* Safari 和 Chrome */
   -o-transition: all 0.8s;


.headermaintitle:hover .portrait 
   -moz-transform:scale(1.2,1.2);
   -webkit-transform:scale(1.2,1.2);
   -o-transform:scale(1.2,1.2);
   transform:scale(1.2,1.2);

::-webkit-scrollbar 
    width: 6px;
    height: 6px;


::-webkit-scrollbar-thumb 
    background-color: #55895B;
    border-radius: 5px;


::-webkit-scrollbar-thumb:hover 
    background-color: #55895B;


::selection 
    color: white;
    background: #018ee8;

#topics a:hover 
    padding: 1px 3px 1px 3px;;
    text-decoration: none;
    color: #018ee8;
    border-radius: none;
    background-color: transparent;


.postTitle 
    padding-left: 0;
    background: none;


.subtitle 
    padding-left: 0;


#blogTitle 
   padding-bottom: 0;


#nav_q,#nav_ing,#nav_newpost 
   display:none !important;


#sideBar 
    border-top-width: 1px !important;


#navigator 
    margin-bottom: 0;


#sideBarMain 
    margin: 0;
    padding-right: 20px;
    padding-left: 5px;


.catListTitle 
    border-top-color: #CECECE;
    border-right-color: #CECECE;
    border-bottom-color: #CECECE;


#home 
   margin: 150px auto 50px auto;
   //width: 80%;


#green_channel 
    width: auto;


#tbCommentBody 
  width: 100%;
  display: block;
  box-sizing: border-box;

</style>

https://files.cnblogs.com/files/JetpropelledSnake/cnblogs.css

https://images2018.cnblogs.com/blog/1354564/201805/1354564-20180525203859198-1036242465.jpg

https://images2018.cnblogs.com/blog/1354564/201805/1354564-20180525204529072-354532890.jpg

<div class="scrollBtn" id="scrollBtn">
  <ul class="clearfix"><li class="sB-goTop" id="goTop" style="display: list-item;">
      <a href="#top" title="回顶部"></a>
    </li>
  </ul>
</div>
<script language="javascript" type="text/javascript">
  //生成目录索引列表
  function GenerateContentList() 
    var jquery_h3_list = $(\'#cnblogs_post_body h2\');//如果你的章节标题不是h4,只需要将这里的h4换掉即可
    if (jquery_h3_list.length > 0) 
      var content = \'\';
      content += \'<div id="navCategory" style="background-color: #BDBDBD;padding:10px 5px;">\';
      content += \'<p style="font-size:18px;margin:0;line-height:30px;"><b>阅读目录</b></p>\';
      content += \'<ul>\';
      for (var i = 0; i < jquery_h3_list.length; i++) 
        var go_to_top = \'<div style="text-align: right;    text-align: right;height: 0;padding: 0;overflow: hidden;visibility: hidden;"><a name="_label\' + i + \'"></a></div>\';
        $(jquery_h3_list[i]).before(go_to_top);
        var li_content = \'<li><a href="#_label\' + i + \'">\' + $(jquery_h3_list[i]).text() + \'</a></li>\';
        content += li_content;
      
      content += \'</ul>\';
      content += \'</div>\';
      if ($(\'#cnblogs_post_body\').length != 0) 
        $($(\'#cnblogs_post_body\')[0]).prepend(content);
      
    
  
  GenerateContentList();
</script>

<!-- JiaThis Button BEGIN -->
<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?move=0" charset="utf-8"></script>
<!-- JiaThis Button END -->