『记录』我的博客园主题定制代码

『记录』我的博客园主题定制代码

基于SimpleMemory自己from scratch调的#

自己直接基于SimpleMemory调舒服的CSS页面定制也是调了蛮久，在这里备份一下

页面定制CSS代码 
/* ********************** * 页面短一些 * **********************/
#home {
    /* width: 480px; */
    max-width: 480px;
}
/* .c-notice > div {
    width: 480px;
    max-width: 480px;
} */
#blogTitle {
    height: 50px;
    clear: both;
    /* background: #088 !important; */
}

/* ********************** * hover theme * **********************/
/* #top {
    padding: 0;
    background-color: #088;
    color: #000;
    border-bottom: 1px solid #fff;
}
#tagline {
    color: #fff;
    font-size: 1em;
    margin: 0;
    background-color: #933;
    padding: 5px 5px 5px 10px;
}
#leftmenu {
    position: absolute;
    left: 0;
    width: 200px;
    background-color: #dee;
    padding-bottom: 5px;
} */
/* ********************** * simple memory theme * **********************/
// 想要修改main部分上面的margin，但发现之前的方法不生效，于是发现这样是可以的
#main {
    margin-top: 10px;
}
.navbar{box-shadow:0 2px 6px rgba(100,100,100,.15)}#EntryTag{margin-top:20px;font-size:9pt;color:#808080}.topicListFooter{text-align:right;margin-right:10px;margin-top:10px}#divRefreshComments{text-align:right;margin-right:10px;margin-bottom:5px;font-size:9pt}*{margin:0;padding:0}html{height:100%}body{color:#000;background-color:#e6e6e6;font-family:"Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;font-size:12px;min-height:101%}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}a{outline:none;color:#21759b}a:link{color:#000;text-decoration:none}a:visited{color:#000;text-decoration:none}a:hover{color:#21759b}a:active{color:#000;text-decoration:none}.clear{clear:both}#home{margin:0 auto;width:65%;min-width:950px;background-color:#fff;padding:30px;margin-top:50px;margin-bottom:50px;box-shadow:0 2px 6px rgba(100,100,100,.3)}#header{padding-bottom:5px;margin-top:10px}#blogTitle{height:60px;clear:both}#blogTitle h1{font-size:26px;font-weight:bold;line-height:1.5em;margin-top:20px}#blogTitle h1 a{color:#515151}#blogTitle h1 a:hover{color:#21759b}#blogTitle h2{font-weight:normal;font-size:13px;font-size:.928571429rem;line-height:1.846153846;color:#757575;float:left}#blogLogo{float:right}#navigator{font-size:13px;border-bottom:1px solid #ededed;border-top:1px solid #ededed;height:50px;clear:both;margin-top:25px}#navList{min-height:30px;float:left}#navList li{float:left;margin:0 40px 0 0}#navList a{display:block;width:5em;height:22px;float:left;text-align:center;padding-top:19px}#navList a:link,#navList a:visited,#navList a:active{color:#6a6a6a;font-weight:bold}#navList a:hover{color:#000;text-decoration:none}.blogStats{float:right;color:#757575;margin-top:19px;margin-right:2px;text-align:right}#main{width:100%;text-align:left;margin-top:10px}#mainContent .forFlow{margin-left:22em;float:none;width:auto}#mainContent{min-height:200px;padding:0 0 10px 0;*padding-top:10px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;float:left;margin-left:-22em;width:100%}.day{min-height:10px;_height:10px;margin-bottom:20px;padding-bottom:5px;position:relative}.dayTitle{display:none;border:1px solid #21759b;background:#f0ffff;border-radius:50%;font-size:12px;height:65px;line-height:1.5;margin:15px;text-align:center;width:63px;margin-left:-100px;clear:both;position:absolute;top:-15px}.dayTitle a{display:inline-block;color:#21759b;margin-top:15px;width:60px}.postTitle{border-left:3px solid #21759b;margin-bottom:10px;font-size:20px;float:right;width:100%;clear:both}.postTitle a:link,.postTitle a:visited,.postTitle a:active{color:#21759b;transition:all .4s linear 0s}.postTitle a:hover{margin-left:30px;color:#0f3647;text-decoration:none}.postCon{float:right;line-height:1.5em;width:100%;clear:both;padding:10px 0}.day .postTitle a{padding-left:10px}.postDesc{font-size:13px;background:url(images/posted_time.png) no-repeat 0 1px;color:#757575;float:left;width:100%;clear:both;text-align:left;padding-left:20px;padding-right:5px;margin-top:20px;line-height:1.5}.postDesc a:link,.postDesc a:visited,.postDesc a:active{color:#666}.postDesc a:hover{color:#21759b;text-decoration:none}.postSeparator{clear:both;height:1px;width:100%;clear:both;float:right;margin:0 auto 15px auto}#sideBar{margin-top:-15px;width:230px;min-height:200px;padding:0 0 0 5px;float:right;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}#sideBar a{color:#757575}#sideBar a:hover{color:#21759b;text-decoration:underline}.div_my_zzk{width:175px;position:relative;margin-top:10px}#btnZzk{background:url("images/blog_search.png") no-repeat 5px 5px}#widget_my_google input[type=button]{background:url("images/google_search.png") no-repeat 5px 5px}.input_my_zzk{border:1px solid #ccc;width:100%;height:25px;padding-right:30px;padding-left:5px;outline:0}.btn_my_zzk{font-size:12px;width:25px;height:25px;color:transparent;border:0;border-style:none;cursor:pointer;top:1px;position:absolute;right:-35px}.input_my_zzk:hover{border:1px solid #21759b;transition:all .4s linear 0s}.input_my_zzk:focus{border:1px solid #21759b}.newsItem,.catListEssay,.catListLink,.catListNoteBook,.catListTag,.catListPostCategory,.catListPostArchive,.catListImageCategory,.catListArticleArchive,.catListView,.catListFeedback,.mySearch,.catListComment,.catListBlogRank,.catList,.catListArticleCategory{background:#fff;margin-bottom:35px;word-wrap:break-word}#blog-calendar{width:228px;padding-bottom:5px;margin-bottom:35px;box-shadow:0 1px 3px #ccc;border:1px solid #ededed}#blog-calendar td{font-size:12px;font-family:"Comic Sans MS"}#blog-calendar th{font-size:12px}#calendar{width:228px;padding-bottom:5px;margin-bottom:35px;border:1px solid #ededed;box-shadow:0 1px 3px #ccc}#calendar .Cal{width:100%;line-height:1.5em}#calendar td{font-family:"Comic Sans MS";background:#fff;padding-top:2px}.Cal{border:none;color:#666}#calendar table a:link,#calendar table a:visited,#calendar table a:active{font-weight:bold}#calendar table a:hover{color:#fff;text-decoration:none}.CalTodayDay{background:#3671a5 !important;color:#fff;font-weight:bold}.CalWeekendDay{padding-top:4px;padding-bottom:4px}.CalOtherMonthDay{color:#ccc;padding-top:4px;padding-bottom:4px}#calendar .CalNextPrev a:link,#calendar .CalNextPrev a:visited,#calendar .CalNextPrev a:active{font-weight:bold;padding-left:10px;padding-right:15px}.CalDayHeader{background:#f8f8f8;font-weight:100;color:#5e5f63}.CalTitle{background:#6293bb;width:100%;height:25px;text-align:center;font-size:14px;font-weight:bold;padding:5px 0;color:#fff}.CalTitle td{background:#f8f8f8 !important;border:0 !important;color:#5e5f63;font-family:"Comic Sans MS"}.catListTitle{font-weight:bold;line-height:1.2;font-size:110%;margin-top:15px;margin-bottom:10px;text-align:left}.catListComment{line-height:1.5em}.divRecentComment{text-indent:2em;color:#494949;margin-bottom:20px}#sideBarMain ul{line-height:1.5em}#sideBarMain li{line-height:1.8}#topics{width:100%;min-height:200px;padding:0 0 10px 0;float:left;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}#topics .postTitle{border:0;font-size:130%;font-weight:bold;float:left;line-height:1.5;width:100%;padding-left:5px}#EntryTag{color:#666}#EntryTag a{margin-left:5px;height:20px;line-height:20px;color:#333;padding:3px 14px;border-radius:10px;margin:2px 5px 0;background:#e7e7e7;text-decoration:none}#EntryTag a:link,#EntryTag a:visited,#EntryTag a:active{color:#666}#EntryTag a:hover{color:#f5f5f5;background:#21759b;transition:all .4s linear 0s}#BlogPostCategory{color:#666}#BlogPostCategory a{margin-left:5px;height:20px;line-height:20px;color:#333;padding:3px 14px;border-radius:10px;margin:2px 5px 0;background:#e7e7e7;text-decoration:none}#BlogPostCategory a:link,#BlogPostCategory a:visited,#BlogPostCategory a:active{color:#666}#BlogPostCategory a:hover{color:#f5f5f5;background:#21759b}#topics .postDesc{padding-left:0;width:100%;text-align:left;color:#666;margin-top:5px;background:none}.feedback_area_title{font:normal normal 16px/35px "Microsoft YaHei";margin:10px 0 30px;border-bottom:2px solid #ccc}.louzhu{background:transparent url('/images/icoLouZhu.gif') no-repeat scroll right top;padding-right:16px}.feedbackListSubtitle{color:#a8a8a8}.feedbackListSubtitle a:link,.feedbackListSubtitle a:visited,.feedbackListSubtitle a:active{color:#21759b;font-weight:bold}.feedbackListSubtitle a:hover{color:#21759b;text-decoration:underline}.feedbackListSubtitle b{color:#21759b}.feedbackManage{width:200px;text-align:right;float:right}.feedbackCon{border-bottom:1px solid #eee;padding:10px 20px 10px 5px;min-height:35px;_height:35px;margin-bottom:1em;line-height:1.5}#divRefreshComments{text-align:right;margin-bottom:10px}.commenttb{padding:8px;margin-bottom:10px;width:50%;color:#555;border:1px solid #ddd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;width:320px}.commenttb:hover{color:#333;border-color:rgba(82,168,236,.8);outline:0;-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px rgba(82,168,236,.6);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px rgba(82,168,236,.6);box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px rgba(82,168,236,.6);transition:all .4s linear 0s}.commentTextBox{width:410px !important;margin-top:10px;margin-bottom:10px}.commentTextBox:hover{color:#333;border-color:rgba(82,168,236,.8);outline:0;-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px rgba(82,168,236,.6);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px rgba(82,168,236,.6);box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px rgba(82,168,236,.6);transition:all .4s linear 0s}#AjaxHolder_PostComment_btnSubmit{padding:8px 20px;text-align:center;font-size:14px;color:#fff;border:none;background:#21759b;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;cursor:pointer;display:inline-block;vertical-align:middle;outline:none;text-decoration:none}#AjaxHolder_PostComment_btnSubmit:hover{background:#333}#AjaxHolder_PostComment_divCommnentArea tr{margin-top:10px;margin-bottom:10px}.comment_vote{padding-right:10px}.comment_vote a{color:#999}.comment_vote a:hover{color:#21759b}#commentform_title{font:normal normal 16px/35px "Microsoft YaHei";margin:10px 0 30px;border-bottom:2px solid #ccc;background-image:none;padding:0}#comment_form_container .author{padding-left:10px;color:#555;border:1px solid #ddd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;width:320px;height:20px;background-image:none}#comment_form_container p{font-size:14px;margin-bottom:20px}.commentbox_title_left{font-size:14px}.commentbox_title_right{float:left}#comment_form_container .comment_textarea{min-height:200px;font-size:13px;margin-bottom:10px;color:#555;border:1px solid #ddd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}#comment_form_container .comment_textarea:hover{border-color:rgba(82,168,236,.8);outline:0;transition:all .4s linear 0s}#comment_form_container .comment_textarea:focus{outline:0}.comment_btn{width:100px;height:38px;padding:8px 20px;text-align:center;font-size:14px;color:#fff;border:none;background:#21759b;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;cursor:pointer;display:inline-block;vertical-align:middle;outline:none;text-decoration:none}.comment_btn:hover{background:#333}.entrylistTitle,.PostListTitle,.thumbTitle{margin-bottom:25px;height:38px;line-height:38px;font-size:16px;border-bottom:2px solid #e6e6e6;color:#21759b}.entrylistDescription{color:#666;text-align:right;padding-top:5px;padding-bottom:5px;padding-right:10px;margin-bottom:10px}.entrylistItem{min-height:20px;_height:20px;margin-bottom:30px;padding-bottom:50px;padding-top:10px;width:100%}.entrylistPosttitle{padding-left:15px;margin-bottom:10px;border-left:3px solid #21759b;font-size:20px;width:100%}.entrylistPosttitle a:link,.entrylistPosttitle a:visited,.entrylistPosttitle a:active{color:#21759b;transition:all .4s linear 0s}.entrylistPosttitle a:hover{margin-left:30px;color:#0f3647;text-decoration:none}.entrylistPostSummary{margin-top:5px;margin-bottom:5px}.entrylistItemPostDesc{margin-top:20px;text-align:left;color:#757575;padding-left:5px}.entrylistItemPostDesc a:link,.entrylistItemPostDesc a:visited,.entrylistItemPostDesc a:active{color:#666}.entrylistItemPostDesc a:hover{color:#21759b}.entrylist .postSeparator{clear:both;width:100%;font-size:0;line-height:0;margin:0;padding:0;height:0;border:none}.divRecentCommentAticle a{color:#000}.pager{text-align:right;margin-right:10px}.pager a{box-shadow:0 1px 3px #3671a5;border:1px solid #3671a5;background:#3671a5;color:#fff;transition:all .4s linear 0s}.pager a:hover{background:#000}.PostList{border-bottom:1px solid #ccc;clear:both;min-height:1.5em;_height:1.5em;padding-top:20px;margin-bottom:20px;padding-bottom:20px}.postTitl2{float:left;padding-top:10px;padding-bottom:10px;font-size:14px}.postDesc2{color:#666;float:right}.postText2{clear:both;color:#757575}.pfl_feedback_area_title{text-align:right;line-height:1.5em;font-weight:bold;margin-bottom:10px}.pfl_feedbackItem{border:1px dashed #ccc;padding:10px;border-radius:3px;margin-bottom:20px}.pfl_feedbacksubtitle{width:100%;height:1.5em}.pfl_feedbackname{float:left}.pfl_feedbackname a{color:#21759b;font-weight:bold}.pfl_feedbackManage{float:right}.pfl_feedbackCon{color:#000;padding-top:5px;padding-bottom:5px}.pfl_feedbackAnswer{color:#f40;text-indent:2em}.tdSentMessage{text-align:right}.errorMessage{width:300px;float:left}#Profile1_panelAdd input[type=text],#Profile1_txtContent{padding:8px;margin-bottom:10px;color:#555;border:1px solid #ddd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}#Profile1_panelAdd input[type=text]:hover,#Profile1_txtContent:hover{color:#333;border-color:rgba(82,168,236,.8);outline:0;-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px rgba(82,168,236,.6);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px rgba(82,168,236,.6);box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px rgba(82,168,236,.6);transition:all .4s linear 0s}#Profile1_panelAdd input[type=text]:focus,#Profile1_txtContent:focus{outline:0;border-color:rgba(82,168,236,.8)}#Profile1_panelAdd input[type=submit]{padding:8px 20px;text-align:center;font-size:14px;color:#fff;border:none;background:#21759b;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;cursor:pointer;display:inline-block;vertical-align:middle;outline:none;text-decoration:none}#Profile1_panelAdd input[type=submit]:hover{background:#333}.feedbackListSubtitle{clear:both;color:#a8a8a8;padding:8px 5px}.feedbackItem{margin-top:30px}.divPhoto{border:1px solid #ccc;padding:2px;margin-right:10px}.thumbDescription{color:#757575;text-align:right;padding-top:5px;padding-bottom:5px;padding-right:10px;margin-bottom:30px}#footer{color:#686868;text-align:center;min-height:15px;_height:15px;border-top:1px solid #ededed;margin-top:50px;padding-top:10px;margin-bottom:10px}.personInfo{margin-bottom:20px}.pages{text-align:right}.postBody{color:#000;line-height:1.7;font-size:14px}.postBody p,.postCon p{text-indent:2em;margin:0 auto 1em auto}.postBody h2{font-size:150%;margin:15px auto 2px auto;font-weight:bold}.postBody h3{font-size:120%;margin:15px auto 2px auto;font-weight:bold}.postBody h4{font-size:110%;margin:15px auto 2px auto;font-weight:bold;color:#333}.postBody h5{font-size:100%;margin:15px auto 2px auto;font-weight:bold;color:#333}.postBody a:link,.postBody a:visited,.postBody a:active{text-decoration:underline}.postCon a:link,.postCon a:visited,.postCon a:active{text-decoration:underline}.postBody ul,.postCon ul{margin-left:2em}.postBody li,.postCon li{list-style-type:disc;margin-bottom:1em}.postBody blockquote{background:url('images/comment.gif') no-repeat 25px 0;min-height:35px;_height:35px;line-height:1.6em;color:#333}.myposts_title{font-weight:bold;text-align:center}#sideBar{font-size:12px}#sideBar h3{font-size:14px}.c_b_p_desc{font-size:14px;line-height:1.7}#cnblogs_post_body img{max-width:700px}

#navigator {
    font-size: 12px;
    border-bottom: 1px solid #933;
    border-top: 1px solid #933;
    height: 30px;
    margin-top: 20px;
}
#navList {
    height: 20px;
}
#navList a {
    display: block;
    width: 3em;
    height: 15px;
    float: left;
    text-align: center;
    padding-top: 7px;
}
.blogStats {
    float: right;
    color: #757575;
    margin-top: 7px;
    margin-right: 2px;
    text-align: right;
}
/* ********************** * 主题内容 * **********************/
#topics .postTitle {
    display: none !important;
    border: 0;
    font-size: 130%;
    font-weight: bold;
    float: left;
    line-height: 1.5;
    width: 100%;
    padding-left: 5px;

    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.postTitle a:visited, .postTitle a:active {
    color: #088;
    transition: all .4s linear 0s;
}
.blogpost-body {
  font-size: 14px;
  /* line-height: 1.5; */
  font-family: "Helvetica Neue";
}
#cnblogs_post_body p {
  margin: 6px 0;
}
#cnblogs_post_body li {
  margin: 6px 0;
}
/* .postBody li, .postCon li {
    margin-bottom: 1em;
} */
#cnblogs_post_body h1 {
  /* font-size: 24px; */
  font-weight: bold;
  font-family: "Helvetica Neue";
  line-height: 1.5;
  margin: 10px 0;
}
#cnblogs_post_body h2 {
  /* background: rgba(153, 51, 51, 0.226); */
  background: rgba(170, 170, 170, 0.349);
  /* font-size: 21px; */
  font-weight: bold;
  font-family: "Helvetica Neue";
  line-height: 1.5;
  margin: 10px 0;
}
#cnblogs_post_body h3 {
  /* font-size: 18px; */
  font-weight: bold;
  font-family: "Helvetica Neue";
  line-height: 1.5;
  margin: 10px 0;
  /* border-bottom: 1px solid #aaa; */
  border-bottom: 0.5px solid rgba(170, 170, 170, 0.849);
}
#cnblogs_post_body h4 {
    /* font-size: 15px; */
    font-weight: bold;
    margin: 10px 0;
}
#cnblogs_post_body h4 {
    /* font-size: 15px; */
    font-weight: bold;
    margin: 10px 0;
}
.blogpost-body blockquote {
  background: none;
  border-left: 3px solid #e2dfdf;
  border-right: none;
  border-top: none;
  border-bottom: none;
  margin: 10px 0;
  padding: 5px 10px;
  color: #555;
}

/* ********************** * 隐藏广告 * **********************/
#ad_t2,#opt_under_post,.c_ad_block,#under_post_news,#under_post_kb {
  display: none !important;
}
#cnblogs_c1, #cnblogs_c1 img {
  display: none !important;
}
#under_post_card1 {
  display: none !important;
}
#under_post_card2 {
  display: none !important;
}
/* #comment_form_container p {
  display: none !important;
} */
#comment_form_container p {
    font-size: 13px;
    margin-bottom: 10px;
}
#cnblogs_ch {
  display: none !important;
}
#HistoryToday {
  display: none !important;
}

/* ********************** * 底部分类标签太大 * **********************/
#BlogPostCategory a {
    font-size: 13px;
    margin-left: 2px;
    height: 15px;
    line-height: 10px;
    color: #333;
    padding: 3px 9px;
    border-radius: 8px;
    margin: 2px;
    background: rgba(153, 51, 51, 0.379); //#e7e7e7
    text-decoration: none;
}

/* ********************** * 代码字体大小 * **********************/
code[class*="language-"], pre[class*="language-"] {
    font-size: 13px;
}

/* ********************** * 调一下想要的颜色 * **********************/
.CalTodayDay {
    background: #088 !important;
    color: #fff;
    font-weight: bold;
}
.comment_btn {
    background: #933;
}

/* ********************** * 在主页的设置 * **********************/
.postCon {
    float: right;
    line-height: 1.5em;
    width: 100%;
    clear: both;
    padding: 5px 0;
}
.postDesc {
    font-size: 13px;
    background: url(images/posted_time.png) no-repeat 0 1px;
    color: #757575;
    float: left;
    width: 100%;
    clear: both;
    text-align: left;
    padding-left: 20px;
    padding-right: 5px;
    margin-top: 10px;
    line-height: 1.5;
}


/* ********************** * inline code风格 * **********************/
.cnblogs-markdown :not(pre,div,td)>code, .blogpost-body :not(pre,div,td)>code {
    /* font-family: "Courier New",sans-serif; */
    font-family: "monospace";
    font-size: 13px;
    /* font-weight: bold; //个人增加的 */
    padding: 0 5px;
    line-height: 1.8;
    margin: 0 3px;
    display: inline-block;
    overflow-x: auto;
    vertical-align: middle;
    border-radius: 3px;
    background-color: #d1caca94;
    color: rgb(2, 107, 107);
}


/* ********************** * quote风格 * **********************/
.blogpost-body blockquote {
    background: #e2dfdf;
    border-left: 3px solid rgb(2, 107, 107); //#e2dfdf
    border-right: none;
    border-top: none;
    border-bottom: none;
    margin: 10px 0;
    padding: 5px 10px;
    color: #555;
}

/* ********************** * 直接改一下顶部的选项们 * **********************/
// 还没做

基于Silence主题自己调的#

后来发现了github上这个博客园主题的repo：https://esofar.github.io/cnblogs-theme-silence/#/

基于这个内容自己定制了最终版本的界面，备份CSS代码如下：

页面定制CSS代码 
// [...] 复制原repo内容

:root[mode=light] {
    --blog-bg-color: #fff;
    --text-color: #000000be;
    --border-color: #eef2f8;
    --catalog-bg-color: #fff;
    --panel-bg-color: #f8f8f8;
    --code-bg-color: #f1f3f4;
    --code-color: #bababa;
    --pane-box-shadow: 0px 1px 15px #e6e6e6;
    --toolbar-box-shadow: 0 2px 4px 1px #e8e8e8;
    --loading-bg-color: #fff;
}
body {
    background: var(--blog-bg-color);
    color: var(--text-color);
    /* font-family: Lato,PingFang SC,Microsoft YaHei,sans-serif; */
    font-family: Helvetica Neue;
    font-weight: 380;
}
#topics .postBody strong {
    margin: 0 3px;
    font-weight: 720;
}
#main {
    width: 880px;
    margin: 0 auto;
    min-height: calc(100% - 75px);
    padding: 15px 0;
}
#header {
    width: 880px;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-top: 0;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 0;
    display: block;
    height: 60px;
    z-index: 999;
}
#topics .postTitle {
    display: none !important;
    border: 0;
    font-size: 130%;
    font-weight: bold;
    float: left;
    line-height: 1.5;
    width: 100%;
    padding-left: 5px;

    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.blogpost-body {
  font-size: 14.5px;
  /* line-height: 1.5; */
  font-family: "Helvetica Neue";
}
/* #cnblogs_post_body p {
  margin: 6px 0;
}
#cnblogs_post_body li {
  margin: 6px 0;
} */
#topics .postBody h1 {
  font-size: 28px;
  font-weight: bold;
  font-family: "Helvetica Neue";
  line-height: 1.5;
  margin: 10px 0;
}
#topics .postBody h2 {
  /* background: rgba(153, 51, 51, 0.226); */
  background: rgba(170, 170, 170, 0.349);
  font-size: 23px;
  font-weight: bold;
  font-family: "Helvetica Neue";
  line-height: 1.5;
  margin: 10px 0;
}
#topics .postBody h3 {
  font-size: 18px;
  font-weight: bold;
  font-family: "Helvetica Neue";
  line-height: 1.5;
  margin: 10px 0;
  /* border-bottom: 1px solid #aaa; */
  border-bottom: 0.5px solid rgba(170, 170, 170, 0.849);
}
#topics .postBody h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}



.catListTitle {
    text-align: left;
    margin: 10px 0;
    font-size: 20px;
    font-weight: inherit;
    border-left: 4pxsolidvar(--theme-color);
    border-radius: 4px;
    padding-left: 6px;
}
#sidebar_scorerank li, #sidebar_shortcut li {
    font-size: 14px;
    height: 30px;
    /* padding-left: 6px; */
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    list-style: none;
}
#sidebar_categories li, #sidebar_scorerank li, #sidebar_shortcut li {
    font-size: 14px;
    height: 30px;
    padding-left: 3px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    list-style: none;
}
#navList>li {
    position: relative;
    float: left;
    /* line-height: 84px; */
    padding: 0 15px;
    font-size: 14px;
}
#navList>li:nth-child(1){
    display: none;
}
#navList>li:nth-child(3){
    display: none;
}
#blogTitle h1 {
    font-size: 28px;
    font-weight: 600;
    font-family: Georgia;
    float: left;
    margin-top: 10px;
}
/* #blogTitle h2 {
    display: block;
    font-size: 14px;
    font-weight: 100;
    font-family: Georgia;
    float: left;
    margin-top: 28px;
} */
#sideBar {
    width: 230px;
    border-right: 1pxsolidvar(--border-color);
    font-weight: inherit;
    display: none;
    min-height: 750px;
    padding: 0 15px 0 0;
}
/* #mainContent .forFlow {

} */
#navList li[style]:first-child {
    display: inline !important;
}










/* ********************** * 隐藏广告 * **********************/
#ad_t2,#opt_under_post,.c_ad_block,#under_post_news,#under_post_kb {
  display: none !important;
}
#cnblogs_c1, #cnblogs_c1 img {
  display: none !important;
}
#under_post_card1 {
  display: none !important;
}
#under_post_card2 {
  display: none !important;
}
/* #comment_form_container p {
  display: none !important;
} */
#comment_form_container p {
    font-size: 13px;
    margin-bottom: 10px;
}
#cnblogs_ch {
  display: none !important;
}
#HistoryToday {
  display: none !important;
}

/* ********************** * 代码字体大小 * **********************/
code[class*="language-"], pre[class*="language-"] {
    font-size: 14px;
}
页首html代码 
<div class="loading">
  <div class="box">
    <h2>Loading</h2>
    <span></span><span></span><span></span><span></span><span></span><span></span><span></span>
  </div>
</div>
页脚html代码 
<script>
  window.$silence = {

    avatar: 'https://s3.us-west-2.amazonaws.com/secure.notion-static.com/d03224d8-e414-47a3-8e78-4187e3829110/9CB40077-52F1-4FD1-B059-D1C82A5008DA.jpeg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20220815%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20220815T034358Z&X-Amz-Expires=86400&X-Amz-Signature=678d5547b93d29e9c9c097cfadb535d40dc938e581a40aff7501704e14971ba8&X-Amz-SignedHeaders=host&response-content-disposition=filename%20%3D%229CB40077-52F1-4FD1-B059-D1C82A5008DA.jpeg%22&x-id=GetObject',
    
    // favicon: 'https://s3.us-west-2.amazonaws.com/secure.notion-static.com/6368bd41-0e17-4a41-99a6-7575a28cd075/sword_icon-icons.com_64425.ico?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20220815%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20220815T033229Z&X-Amz-Expires=86400&X-Amz-Signature=0834e11f37df0fcb0b1e9a02226a608270b2847758bf36c7cba3443bd1c49177&X-Amz-SignedHeaders=host&response-content-disposition=filename%20%3D%22sword_icon-icons.com_64425.ico%22&x-id=GetObject',
    favicon: 'https://s3.us-west-2.amazonaws.com/secure.notion-static.com/0dab39ad-7961-48ec-831b-2d76fd0935e1/army_war_soldier_military_medieval_game_blade_weapon_sword_icon_210763.ico?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20220815%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20220815T033909Z&X-Amz-Expires=86400&X-Amz-Signature=7e0fb60f203c23a1c257d5cecd2d794ff18590ff409dab5339390af43494e4fb&X-Amz-SignedHeaders=host&response-content-disposition=filename%20%3D%22army_war_soldier_military_medieval_game_blade_weapon_sword_icon_210763.ico%22&x-id=GetObject',
    // favicon: 'https://s3.us-west-2.amazonaws.com/secure.notion-static.com/c51a99fc-00ff-4d1a-9176-ba2681d10fc0/element-15_99618.ico?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20220815%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20220815T033924Z&X-Amz-Expires=86400&X-Amz-Signature=cfe8ff77612bd2d1b068128ccf6f07c4922b45a9e2f36070e97e648c086262d7&X-Amz-SignedHeaders=host&response-content-disposition=filename%20%3D%22element-15_99618.ico%22&x-id=GetObject',
    
    github: 'https://github.com/jcuic5',
    defaultMode: 'light',
    defaultTheme: 'e',
    // navbars: [
    // {
    //   title: '标签',
    //   url: 'https://www.cnblogs.com/traviscui/tag/'
    // }, 
    // {
    //   title: '归档',
    //   url: 'https://www.cnblogs.com/traviscui/p/'
    // }, 
    // {
    //   title: '开源',
    //   chilren: [{
    //     title: 'Silence',
    //     target: '_blank',
    //     url: 'https://github.com/esofar/cnblogs-theme-silence/',
    //   }, 
    // {
    //     title: 'Dddify',
    //     target: '_blank',
    //     url: 'https://github.com/esofar/dddify/',
    //   }
    // ],

    catalog: {
      enable: true,
      index: true,
      active: true,
      levels: ['h2', 'h3', 'h4'],
    },

    // signature: {
    //   enable: true,
    //   author: 'traviscui',
    //   license: ['署名-非商业性使用-相同方式共享 4.0 国际', 'https://creativecommons.org/licenses/by-nc-sa/4.0/'],
    // },
    
    // sponsor: {
    //   enable: true,
    //   wechat: 'https://images.cnblogs.com/cnblogs_com/esofar/972540/o_wechat.png',
    //   alipay: 'https://images.cnblogs.com/cnblogs_com/esofar/972540/o_alipay.png'
    // }

    // showNavAdmin: false

  };
</script>
<script src="https://fastly.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-rc2/dist/silence.min.js"></script>

作者：traviscui

出处：https://www.cnblogs.com/traviscui/p/16586961.html

版权：本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   traviscui  阅读(3)  评论(0)  编辑  收藏  举报
相关博文：
· 『记录』简单调试mmdet3d的训练流程
· 『笔记』手撕代码
· cnblogs 博客园 SimpleMemory 主题配置
· 博客园主题美化
· 自定义博客园主题
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 展开说说关于C#中ORM框架的用法！
more_horiz
keyboard_arrow_up dark_mode palette
选择主题
menu
点击右上角即可分享
微信分享提示