定制个人博客页面

概述CSS @font-face { font-family: ‘FontAwesome‘; font-style: normal; font-weight: normal; src: url("http://blog.zhaishidan.cn/css/font/fontawesome-webfont.eot?#iefix") format(‘embedded-opentyp CSS

@Font-face {  Font-family: ‘FontAwesome‘;  Font-style: normal;  Font-weight: normal;  src: url("http://blog.zhaishIDan.cn/CSS/Font/Fontawesome-webFont.eot?#IEfix") format(‘embedded-opentype‘),url("http://blog.zhaishIDan.cn/CSS/Font/Fontawesome-webFont.woff") format(‘woff‘),url("http://blog.zhaishIDan.cn/CSS/Font/Fontawesome-webFont.ttf") format(‘truetype‘),url("http://blog.zhaishIDan.cn/CSS/Font/Fontawesome-webFont.svg#FontAwesomeRegular") format(‘svg‘);}* {  margin: 0;  padding: 0;}body {  background: #BEE7E9;  color: #444;  Font-family: "LucIDa Grande","LucIDa Sans Unicode",Helvetica,Arial,Verdana,sans-serif;  Font-size: 14px;  text-shadow: 0 0 1px transparent;  color:#505050;}@media screen and (max-wIDth: 1260px) {  body {    margin: 0px;  }}@media screen and (max-wIDth: 600px) {  body {    Font-size: 13px;  }}h1,h2,h3,h4,h5,h6 {  Font-family: "LucIDa Grande",sans-serif;}h1 {  Font-size: 1.8em;}h2 {  Font-size: 1.5em;}h3 {  Font-size: 1.3em;}a {  text-decoration: none;  color: brown;}a:hover {  text-decoration: underline;}#home{  margin: 0 auto;  wIDth: 85%;  background-color: #fff;  padding: 30px;  margin-top: 50px;  margin-bottom: 50px;  Box-shadow: 0 2px 6px rgba(100,100,0.3);  border-radius: 20px;}#tbCommentbody {wIDth: 100%;}#blogTitle {wIDth:100%;margin-top: -10px;text-align: center;}.alignright {float: right;}#header,#main,#footer {wIDth: 100%;margin: 0 auto;}@media screen and (max-wIDth: 1260px) {  #main {    wIDth: 95%;  }}#mainContent {  wIDth: 75%;  float: left;  margin-left: 10px;}@media screen and (max-wIDth: 1260px) {  #main-col {    wIDth: 100%;    margin-right: -300px;  }}@media screen and (max-wIDth: 900px) {  #main-col {    margin-right: 0;    float: none;  }}@media screen and (max-wIDth: 1260px) {  #wrapper {    margin-right: 300px;  }}@media screen and (max-wIDth: 900px) {  #wrapper {    margin-right: 0;  }}#header {  text-shadow: 0 0 1px #fff;  margin: 20px auto 30px;  position: relative;  height: 60px; color: black;}#header a {  color: #999;}#header a:hover {  color: #258fb8;  text-decoration: none;}#header h1 {  Font-weight: normal;    Font-family :STXingkai;  Font-size: 50px;  color: brown;  }#header h2 {  Font-weight: normal;  Font-size: 0.9em;  margin-top: 10px;  margin-left: 30px;Font-family: "楷体","楷体_GB2312";}#header #navigator {  Font-family: "Lato",Helvetica Neue,sans-serif;  wIDth: 100%;  Font-size: 16px;  border-bottom: 1px solID #ededed;  border-top: 1px solID #ededed;  height: 50px;  line-height: 50px;  clear: both;  margin-top: 25px;}#header #navigator ul {  List-style: none;}#header #navigator ul li {  float: left;  wIDth: 10%;  text-align: center;  margin-right: 15px;}#header .blogStats {  float: right;  Font-size: 13px;}.topicListFooter {  margin-top:30px;  margin-bottom: 30px;  margin-right: 0 !important;}.topicListFooter a {  display: inline !important;  padding: 10px 20px;  background: #ddd;  color: #999;  Font-family: "Lato",sans-serif;  text-shadow: 0 0 1px #fff;  border-radius: 5px;}.topicListFooter a:hover {  background: #258fb8;  color: #fff;  text-decoration: none;  text-shadow: none;}.topicListFooter .prev:before {  content: ‘\f053‘;  padding-right: 10px;  Font-family: FontAwesome;}.topicListFooter .next:after {  content: ‘\f054‘;  padding-left: 10px;  Font-family: FontAwesome;}article {  -webkit-Box-shadow: 1px 2px 3px #ddd;  Box-shadow: 1px 2px 3px #ddd;  background: #fff;}article.page {  padding-left: 20px;}article.page .icon {  display: none;}.postIcon:before {  content: ‘\f016‘;}article.photo .icon:before {  content: ‘\f030‘;}article.link .icon:before {  content: ‘\f0c1‘;}article.link .Title a:after {  content: ‘\f08e‘;  color: #999;  Font: 12px FontAwesome;  padding-left: 10px;  vertical-align: super;}/******************************************以下自定义样式***********************************************/#MySignature{border-top: 2px solID #ccc;  padding-top: 20px;}.pager{  border-bottom: 1px dashed #ddd;  padding-bottom: 30px;  margin-bottom: -10px;}#blog-calendar{  wIDth:0px;  height:0px;  display: none !important;}#topVIEwpostsBlock ul li{  white-space: nowrap;  overflow: hIDden;  text-overflow: ellipsis;  wIDth: 100%;  display: inline-block;  height: 30px;  line-height: 30px;}.day .dayTitle{      display: none !important;}/* 去掉广告 */#ad_t2,#opt_under_post,.c_ad_block,#under_post_news,#under_post_kb{    display: none !important;}/******************************************以上自定义样式***********************************************/.postTitle,.entryListPostTitle {  Font-family: "Lato",sans-serif;  Font-size: 1.8em;  padding: 20px 20px 15px 0px;  background: #fff;  border-radius: 10px 10px 0px 0px;  white-space: nowrap;  overflow: hIDden;  text-overflow: ellipsis;}.entryListpostsummary,.postCon,.postbody {  padding: 0 20px 15px 0px;  -webkit-Box-shadow: 1px 2px 3px #ddd;  Box-shadow: 0 2px 0 #ddd;  background: #fff;  position: relative;}.postDesc,.entryListItemPostDesc {  padding: 0px 20px 15px 0px;  color: #999;  Font-size: 0.9em;  line-height: 16px;  position: relative;  min-height: 16px;  background: #fff;  border-bottom: 1px dashed #ccc;}/* 去掉博客园自带日历控件 */#blog-calendar {  display: none;}@media screen and (max-wIDth: 600px) {  .postCon {    padding-left: 0px;  }}.postIcon {  height: 0px;  margin-right: 25px;  position: relative;  top: 25px;  left: 25px;  color: #258fb8;}@media screen and (max-wIDth: 600px) {  article header .icon {    display: none;  }}.postIcon:before {  position: absolute;  Font: 32px FontAwesome;  top: 0;  left: 0;  wIDth: 32px;  text-align: center;}article header time {  color: #999;  Font: 0.9em "Lato",sans-serif;  margin-bottom: 5px;  display: block;  line-height: 1;}article header .Title {  Font-weight: normal;}article header .Title a {  color: #444;}article header .Title a:hover {  color: #258fb8;  text-decoration: none;}#cnblogs_post_body {  text-align: justify;  line-height: 1.6;}#cnblogs_post_body p,#cnblogs_post_body blockquote,#cnblogs_post_body ul,#cnblogs_post_body ol,#cnblogs_post_body dl,#cnblogs_post_body table,#cnblogs_post_body iframe,#cnblogs_post_body h3,#cnblogs_post_body h4,#cnblogs_post_body h5,#cnblogs_post_body h6,#cnblogs_post_body .vIDeo-container {  margin-top: 15px;}#cnblogs_post_body blockquote {  border-top: 1px solID #ddd;  border-bottom: 1px solID #ddd;  Font-style: italic;  Font-family: "Georgia",serif;  Font-size: 1.2em;  padding: 0 30px 15px;}#cnblogs_post_body blockquote footer {  border-top: none;  Font-size: 0.8em;  line-height: 1;  margin: 20px 0 0;  padding-top: 0;}#cnblogs_post_body blockquote footer cite:before {  content: ‘—‘;  color: #ccc;  padding: 0 0.5em;}#cnblogs_post_body code,#cnblogs_post_body pre {  Font-family: Monaco,Menlo,Consolas,CourIEr New,monospace;}#cnblogs_post_body code {  background: #eee;  color: #666;  padding: 0 5px;  margin: 0 2px;  Font-size: 0.9em;  border: 1px solID #ddd;  -webkit-border-radius: 3px;  border-radius: 3px;}#cnblogs_post_body pre {  background: #eee;  overflow: auto;  padding: 7px 15px;  -webkit-border-radius: 2px;  border-radius: 2px;}#cnblogs_post_body pre code {  background: none;  padding: 0;  margin: 0;  border: none;  -webkit-border-radius: 0;  border-radius: 0;}#cnblogs_post_body ul ul,#cnblogs_post_body ol ul,#cnblogs_post_body dl ul,#cnblogs_post_body ul ol,#cnblogs_post_body ol ol,#cnblogs_post_body dl ol,#cnblogs_post_body ul dl,#cnblogs_post_body ol dl,#cnblogs_post_body dl dl {  margin-top: 0;}#cnblogs_post_body h1,#cnblogs_post_body h2 {  Font-weight: bold;  border-bottom: 1px solID #ddd;  padding-bottom: 10px;  margin-top: 20px;}#cnblogs_post_body h3,#cnblogs_post_body h6 {  Font-weight: normal;  background: #eee;  border-radius: 6px;  color: Red;  Font-family: "微软雅黑","宋体","黑体",Arial;  min-height: 25px;  line-height: 25px;  margin: 18px 5px !important;  padding: 8px;  opacity: 0.8;  border: 1px dashed #aaa;}#cnblogs_post_body h4 {  padding-left:20px !important;  color:Green !important;}.postbody img,.entryListpostsummary img,.postCon img,.postbody vIDeo {  max-wIDth: 100%;  height: auto;  border: none;}#cnblogs_post_body iframe {  border: none;}#cnblogs_post_body .caption {  display: block;  margin-top: 5px;  color: #999;  position: relative;  Font-size: 0.9em;  padding-left: 25px;}#cnblogs_post_body .caption:before {  content: ‘\f040‘;  position: absolute;  Font: 1.3em FontAwesome;  position: absolute;  left: 0;  top: 3px;}#cnblogs_post_body .vIDeo-container {  position: relative;  padding-bottom: 56.25%;  padding-top: 30px;  height: 0;  overflow: hIDden;}#cnblogs_post_body .vIDeo-container iframe,#cnblogs_post_body .vIDeo-container object,#cnblogs_post_body .vIDeo-container embed {  position: absolute;  top: 0;  left: 0;  wIDth: 100%;  height: 100%;  margin-top: 0;}#cnblogs_post_body .pullquote {  float: right;  border: none;  padding: 0;  margin: 1em 0 0.5em 1.5em;  text-align: left;  wIDth: 45%;  Font-size: 1.5em;}#blog-comments-placeholder,#comment_form {  padding: 20px;  background: #fff;  -webkit-Box-shadow: 1px 10px 10px #ddd;  Box-shadow: 10px 10px 10px #ddd;  margin-bottom: 50px;  border: 1px solID #ccc;  padding-top:0;}.Feedback_area_Title {  margin-bottom: 15px;  Font-size: 1.8em;}.FeedbackItem {  border-bottom: 1px dashed #CCC;  margin-bottom: 10px;  padding: 5px;}.color_shine {  background: rgb(226,242,255);}.FeedbackItem:hover {  -webkit-animation-name: color_shine;  -webkit-animation-duration: 2s;  -webkit-animation-iteration-count: infinite;}#comment_form .Title {  Font-weight: normal;  margin-bottom: 15px;}#ad_under_post_holder {  display: none;}.entryListTitle {  color: #999;  Font-weight: normal;  margin-bottom: 30px;  text-shadow: 0 0 1px #fff;}.entryListTitle:before {  Font-family: FontAwesome;  content: ‘\f07b‘;  padding-right: 15px;}.archive {  -webkit-Box-shadow: 1px 2px 3px #ddd;  Box-shadow: 1px 2px 3px #ddd;  border-bottom: 1px solID #ddd;  margin-bottom: 50px;}.archive article {  -webkit-Box-shadow: none;  Box-shadow: none;}.archive article .post-content {  margin-bottom: 0;}#sIDebar{  wIDth: 22%;  line-height: 1.8em;  float: right;}@media screen and (max-wIDth: 900px) {  #sIDebar {    float: none;    wIDth: 100%;  }}.catListlink,.catListMyTeams,.catListComment,.catListFeedback {  display: none;}.search,.newsItem,.catListPostcategory,.catListPostArchive,.catListTag,.catListVIEw,.catListBlogRank {  background: #fff;  -webkit-Box-shadow: 1px 2px 3px #ddd;  Box-shadow: 10px 10px 10px #ddd;  margin-bottom: 30px;  word-wrap: break-word;  border-radius: 10px;  margin-top: 10px;  border: 1px solID #ddd;}#blog-sIDecolumn h3,.newsItem h3 {  padding: 15px 20px;  Font-size: 1em;  border-bottom: 1px solID #ddd;  Font-weight: normal;}#blog-sIDecolumn ul,.newsItem #blog-news {  Font-size: 0.9em;  padding: 15px 20px;}#blog-sIDecolumn ul,#blog-sIDecolumn ol,#blog-sIDecolumn dl {  List-style: none;}#blog-sIDecolumn ul ul,#blog-sIDecolumn ol ul,#blog-sIDecolumn dl ul,#blog-sIDecolumn ul ol,#blog-sIDecolumn ol ol,#blog-sIDecolumn dl ol,#blog-sIDecolumn ul dl,#blog-sIDecolumn ol dl,#blog-sIDecolumn dl dl {  List-style: disc;  margin-left: 20px;}#q {  background: #fff;  Font-family: "Lato",sans-serif;  Font-style: italic;  Font-size: 1em;  padding: 10px 15px;  border: 1px solID #ddd;  wIDth: 100%;  -webkit-Box-sizing: border-Box;  -moz-Box-sizing: border-Box;  Box-sizing: border-Box;  color: #999;  height: 100%;}#q:focus {  color: #444;}/*隐藏搜索框中的无用组件*/.mySearch {  display: none;}#sIDebar .tag small {  margin-left: 15px;  color: #999;}#sIDebar .tag small:before {  content: ‘(‘;}#sIDebar .tag small:after {  content: ‘)‘;}#sIDebar .twitter li {  border-bottom: 1px solID #ddd;  padding: 15px 20px;  Font-size: 0.9em;}#sIDebar .twitter li:last-of-type {  border-bottom: none;}#sIDebar .twitter small {  display: block;  margin-top: 10px;  color: #999;  line-height: 1;}#sIDebar .tagcloud .entry {  padding-right: 5px;}#sIDebar .tagcloud a {  margin-right: 10px;  display: inline-block;}#footer {  color: #999;  margin-bottom: 50px;  Font: 0.9em/1.6 "Lato",sans-serif;  text-shadow: 0 0 1px #fff;  text-align:center;  margin: 30px 0px 50px;}.entry .gist {  background: #eee;  border: 1px solID #ddd;  margin-top: 15px;  padding: 7px 15px;  -webkit-border-radius: 2px;  border-radius: 2px;  text-shadow: 0 0 1px #fff;  line-height: 1.6;  overflow: auto;  color: #666;}.entry .gist .gist-file {  border: none;  Font-family: inherit;  margin: 0;  Font-size: 0.9em;}.entry .gist .gist-file .gist-data {  background: none;  border-bottom: none;}.entry .gist .gist-file .gist-data pre {  padding: 0 !important;  Font-family: Monaco,monospace;}.entry .gist .gist-file .gist-Meta {  background: none;  color: #999;  margin-top: 5px;  padding: 0;  text-shadow: 0 0 1px #fff;  Font-size: 100%;}.entry .gist .gist-file .gist-Meta a {  color: #258fb8;}.entry .gist .gist-file .gist-Meta a:visited {  color: #258fb8;}figure.highlight {  background: #eee;  border: 1px solID #ddd;  margin-top: 15px;  padding: 7px 15px;  -webkit-border-radius: 2px;  border-radius: 2px;  text-shadow: 0 0 1px #fff;  line-height: 1.6;  overflow: auto;  position: relative;  Font-size: 0.9em;}figure.highlight figcaption {  color: #999;  margin-bottom: 5px;  text-shadow: 0 0 1px #fff;}figure.highlight figcaption a {  position: absolute;  right: 15px;}figure.highlight pre {  border: none;  padding: 0;  margin: 0;}figure.highlight table {  margin-top: 0;  border-spacing: 0;}figure.highlight .gutter {  color: #999;  padding: 7px 10px 7px 5px !important;  border-right: 1px solID #ddd;  text-align: right;}figure.highlight .code {  padding: 7px 7px 7px 10px !important;  border-left: 1px solID #fff;  color: #666;}pre .comment,pre .template_comment,pre .diff .header,pre .DOCTYPE,pre .pi,pre .lisp .string,pre .javadoc {  color: #93a1a1;  Font-style: italic;}pre .keyword,pre .winutils,pre .method,pre .addition,pre .CSS .tag,pre .request,pre .status,pre .Nginx .Title {  color: #859900;}pre .number,pre .command,pre .string,pre .tag .value,pre .PHPdoc,pre .tex .formula,pre .regexp,pre .hexcolor {  color: #2aa198;}pre .Title,pre .localvars,pre .chunk,pre .decorator,pre .built_in,pre .IDentifIEr,pre .vhdl,pre .literal,pre .ID {  color: #268bd2;}pre .attribute,pre .variable,pre .lisp .body,pre .smalltalk .number,pre .constant,pre .class .Title,pre .parent,pre .haskell .type {  color: #b58900;}pre .preprocessor,pre .preprocessor .keyword,pre .shebang,pre .symbol,pre .symbol .string,pre .diff .change,pre .special,pre .attr_selector,pre .important,pre .subst,pre .cdata,pre .clojure .Title {  color: #cb4b16;}pre .deletion {  color: #dc322f;}.FeedbackManage {  wIDth: 160px;  position: absolute;  right: 0;  text-align: right;}.cnblogs_code_toolbar {  display: none;}#cnblogs_post_body {  overflow: hIDden;}#cnblogs_post_body ol {  padding-left: 40px;}#cnblogs_post_body ul {  margin-left: 35px;}.fixedReadRank {  position: fixed;  top: 20px;  wIDth: 270px;}.fixedRecRank {  position: fixed;  top: 360px;  wIDth: 270px;}figure.highlight {  margin-top: 0;  padding: 0;}figure table {  wIDth: 100%;  margin: 0 !important;}#cnblogs_post_body pre {  padding: 0;}#cnblogs_post_body th,#cnblogs_post_body td {  padding: 0;}.cnblogs_code pre {  padding: 7px 15px !important;  background: #f5f5f5;  border: 0;  margin-top: 0;}.cnblogs_code th {  border: 1px solID silver;  padding: 3px;}.cnblogs_code {  padding: 0;}/*评论标题*/.Feedback_area_Title {  padding:10px;  Font-size:24px;  Font-weight:bold;  color:#aaa;  border-bottom:1px dashed #ccc;}.FeedbackListSubTitle {  Font-size:12px;  color:#888;}.FeedbackListSubTitle a {  color:#888;}.comment_quote {  background: #eee;  padding: 15px;  border: 1px dashed #aaa;  border-radius: 5px;}#commentform_Title {  color:#aaa;  background-image:none;  background-repeat:no-repeat;  margin-bottom:10px;  padding:10px 20px 10px 10px;  Font-size:24px;  Font-weight:bold;  border-bottom:1px dashed #ccc;}/*评论框*/#comment_form {  margin:10px 0;  padding:25px;  border-radius: 10px;  height: 343px;  overflow: hIDden;}.commentform {  margin:10px 0;  padding:10px 20px;  background:#fff;}/*评论输入域*/#tbCommentbody {  Font-family:‘MIcrosoft Yahei‘;  margin-top:10px;  background:white;  color:#333;  border:2px solID #fff;  Box-shadow:inset 0 0 8px #aaa;  height:120px;  Font-size:14px;  min-height:120px;  border-radius: 10px;}/*评论条目*/.FeedbackItem {  Font-size:14px;  line-height:24px;  margin:10px 0;  padding:20px;  padding-top:5px;}.FeedbackListSubTitle {  Font-weight:normal;}/*green_channel*/#green_channel {  text:align:right;  padding-left:0px;  Font-weight:normal;  Font-size:13px;  wIDth:100%;  border:1px dashed #ccc;  color:#fff;  border-radius:4px;  margin:5px auto;}@media screen and (max-wIDth: 768px) {  body {    Font-size: 13px;  }  #main{    padding:0px !important;  }  #mainContent{    wIDth: 96%;    float: left;    margin: 0px 2%;  }  #sIDebar {    display: none;  }  #blogTitle {    wIDth: 100%;    float:none;    margin: 20px auto 0 !important;  }  #header {    height:auto !important;    margin: 20px auto 5px;  }  #header #navigator {    wIDth: 100%;    text-align: center;    float:none;  }  #header #navigator ul {    wIDth: 100%;    margin-left: 6%;  }  #header #navigator ul li {    float: left;    wIDth: 25%;    text-align: center;    margin-right:0px;  }  .postTitle,.entryListPostTitle {    Font-size:14px;    padding: 20px 20px 15px 0px;  }  .postDesc,.entryListItemPostDesc {    padding: 0px 20px 15px 0px;  }  #green_channel {    padding:0px !important;  }  #blog_stats {    display: none;  }}#blog-news label {  Box-shadow:5px 5px 5px #cccccc;  text-shadow:5px 5px 5px #cccccc;  border-radius:5px;}div.commentform textarea.comment_textarea {  padding: 10px;}#tbCommentbody{  wIDth:98%;}#cnblogs_post_body h3:hover {  color: green;  Font-size: large;  Font-weight: bold;}/* 文章Title自定义带动画样式 */.postTitle {  Font-family: "Lato",sans-serif;  clear: both;  background-color: #FBF9F9;  margin-bottom: 8px;  padding-top: 5px;  padding-bottom: 5px;  margin-top: 20px;  border-left: 3px solID #21759b;  padding-left: 20px;  Font-size: 20px;  border-radius:0px;}.postTitle a:hover {  text-decoration: none;  margin-left: 20px;  color: #E00000;}.postTitle a:link,.postTitle a:visited,.postTitle a:active {  Transition: all 0.4s linear 0s;}/*scroll to top*/#scrolltop div{  left:0;  overflow:hIDden;  position:absolute;  top:0;  wIDth:149px;  margin:0;  padding:0}#scrolltop .level-2{  background:url(http://images2015.cnblogs.com/blog/894443/201707/894443-20170716165243785-2122236756.png) no-repeat scroll -149px 0 transparent;  display:none;  height:250px;  opacity:0;  z-index:1}#scrolltop .level-3{  background:none repeat scroll 0 0 transparent;  cursor:pointer;  display:block;  height:150px;  z-index:2}#scrolltop{  background:url(http://images2015.cnblogs.com/blog/894443/201707/894443-20170716165243785-2122236756.png) no-repeat scroll 0 0 transparent;  cursor:default;  display:block;  height:180px;  overflow:hIDden;  position:fixed;  right:0;  top:90%;  wIDth:149px;  z-index:11;  margin:-125px 0 0;  padding:0}/*目录样式*/#sIDeCatalog a{  Font-size:12px;  Font-weight:normal !important;}/*好看的滚动条*/::-webkit-scrollbar{    wIDth:10px!important;    height:10px!important;    -webkit-appearance:none;}::-webkit-scrollbar-thumb{    height:5px;border:1px solID transparent;    border-top:none;border-bottom:none;    -webkit-border-radius:6px;    background-color:rgba(0,.3);    background-clip:padding-Box;}.git-link {    z-index: 100;    position: fixed;    top: 0;    right: 0;    border: 0;    height: 149px;    wIDth: 149px;    transform: rotate(90deg);    -webkit-transform: rotate(90deg);    -moz-transform: rotate(90deg);    -o-transform: rotate(90deg);    -ms-transform: rotate(90deg);    background-image: url(//images2015.cnblogs.com/blog/459873/201603/459873-20160317090540131-1089895320.png);}#back-to-top {    background-color: #8bcc99;    bottom: 10px;    Box-shadow: 0 0 6px #72a072;    padding: 5px 10px;    position: fixed;    right: 50px;    border-radius: 8px;    opacity: 0.7;}/* 定制公告栏时钟位置 */#clockdiv {  text-align: center;}/* 定制公告栏音乐位置 */#musicdiv{  text-align: center;}/* 代码高亮开始，使用了一个叫Monokai Sublime的黑色主题皮肤，直接拿过来还不行，有一些样式冲突，还要自己稍微改一些地方Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/*/pre {/*控制代码不换行*/    white-space: pre;    word-wrap: normal;}.cnblogs-markdown .hlJs {    display: block;    overflow-x: auto;    padding: 0.5em;    background: #23241f !important;    color: #FFF;    white-space: pre;    word-break: normal;}.hlJs,.hlJs-tag,.hlJs-subst {  color: #f8f8f2;}.hlJs-strong,.hlJs-emphasis {  color: #a8a8a2;}.hlJs-bullet,.hlJs-quote,.hlJs-number,.hlJs-regexp,.hlJs-literal,.hlJs-link {  color: #ae81ff;}.hlJs-code,.hlJs-Title,.hlJs-section,.hlJs-selector-class {  color: #a6e22e;}.hlJs-strong {  Font-weight: bold;}.hlJs-emphasis {  Font-style: italic;}.hlJs-keyword,.hlJs-selector-tag,.hlJs-name,.hlJs-attr {  color: #f92672;}.hlJs-symbol,.hlJs-attribute {  color: #66d9ef;}.hlJs-params,.hlJs-class .hlJs-Title {  color: #f8f8f2;}.hlJs-string,.hlJs-type,.hlJs-built_in,.hlJs-builtin-name,.hlJs-selector-ID,.hlJs-selector-attr,.hlJs-selector-pseudo,.hlJs-addition,.hlJs-variable,.hlJs-template-variable {  color: #e6db74;}.hlJs-comment,.hlJs-deletion,.hlJs-Meta {  color: #75715e;}/*黑色主题皮肤结束*/

博客侧边栏公告

<!-- 添加公告栏音乐--><div style="border-top: 1px dashed #ccc;padding: 5px;border-bottom: 1px dashed #ccc;height:95px;"><div ID="musicdiv">    <h4>我的音乐</h4>    <embed src="//music.163.com/style/swf/Widget.swf?sID=442016280&type=2&auto=0&wIDth=280&height=66" wIDth="230" height="70"  allowNetworking="all"></embed></div></div><!-- 添加公告栏时钟 --><div style="border-top: 1px dashed #ccc;padding: 5px;border-bottom: 1px dashed #ccc;height: 120px;"><div ID="clockdiv">    <canvas ID="dom" wIDth="120" height="120">时钟canvas</canvas></div></div><script type="text/JavaScript" src="https://files.cnblogs.com/files/shwee/clock.Js"></script><script type="text/JavaScript">//以下是锚点Js，自动生成目录var a = $(document);a.ready(function() {    var commentdiv = $("#blog-comments-placeholder");    if (commentdiv.length <= 0) {      return;    }    var b = $(‘body‘),d = ‘sIDetoolbar‘,e = ‘sIDeCatalog‘,f = ‘sIDeCatalog-catalog‘,g = ‘sIDeCatalogBtn‘,h = ‘sIDetoolbar-up‘,i = ‘<div ID="sIDetoolbar">\<div ID="sIDeCatalog">\<div ID="sIDeCatalog-sIDebar">\<div ></div>\<div ></div>\</div>\<div ID="sIDeCatalog-catalog">\<ul >\</ul>\</div>\</div>\<a href="JavaScript:voID(0);"ID="sIDeCatalogBtn" ></a>\</div>‘,j = ‘‘,k = 500,l = 0,m = 0,n = 0,//限制存在个数，如数量过多，则只显示h2，不显示h3        //o,p = 13,        o,p = 100,q = true,r = true,s = b;    if(s.length === 0) {        return    };    b.append(i);    //指定获取目录的范围-------------这一点非常重要，因为每个人指定的范围都不一样，所以这是要修改的地方    //o = s.find(‘:header‘);    o = $(‘#cnblogs_post_body‘).find(‘:header‘);    if(o.length > p) {        r = false;        var t = s.find(‘h3‘);        var u = s.find(‘h4‘);        if(t.length + u.length > p) {            q = false        }    };    o.each(function(t) {        var u = $(this),v = u[0];        var Title = u.text();        var text = u.text();        u.attr(‘ID‘,‘autoID-‘ + l + ‘-‘ + m + ‘-‘ + n)        //if (!u.attr(‘ID‘)) {        //    u.attr(‘ID‘,‘autoID-‘ + l + ‘-‘ + m + ‘-‘ + n)        //};        if(text.length > 12) text = text.substr(0,12) + "...";        if(v.localname === ‘h3‘) {            l++;            m = 0;            //if(text.length > 12) text = text.substr(0,12) + "...";            j += ‘<li><a href="#‘ + u.attr(‘ID‘) + ‘" title="‘ + Title + ‘">‘ + text + ‘</a><span  ></span></li>‘;        } else if(v.localname === ‘h4‘) {            m++;            n = 0;            if(q) {                //if(text.length > 12) text = text.substr(0,12) + "...";                j += ‘<li ><a href="#‘ + u.attr(‘ID‘) + ‘" title="‘ + Title + ‘">‘ + text + ‘</a></li>‘;            }        } else if(v.localname === ‘h5‘) {            n++;            if(r) {                j += ‘<li ><a href="#‘ + u.attr(‘ID‘) + ‘" title="‘ + Title + ‘">‘ + u.text() + ‘</a></li>‘;            }        }    });    $(‘#‘ + f + ‘>ul‘).HTML(j);    b.data(‘spy‘,‘scroll‘);    b.data(‘target‘,‘.sIDeCatalogBg‘);    $(‘body‘).scrollspy({        target: ‘.sIDeCatalogBg‘    });    $sIDeCatelog = $(‘#‘ + e);    $sIDetoolbar = $(‘#‘ + d);    $(‘#sIDeCatalogBtn‘).hover(function () {        $sIDeCatelog.CSS(‘display‘,‘block‘);    });    $sIDetoolbar.hover(function(){},function(){        $sIDeCatelog.CSS(‘display‘,‘none‘);    });    $(‘#‘ + h).on(‘click‘,function() {        $("HTML,body").animate({            scrolltop: 0        },500)    });    a.on(‘scroll‘,function() {        var t = a.scrolltop();        if(t > k) {            $sIDetoolbar.CSS(‘display‘,‘block‘);            $(‘#gotop‘).show()        } else {            $sIDetoolbar.CSS(‘display‘,‘none‘)            $(‘#gotop‘).hIDe()        }    })});//以上是锚点Js</script>

页首HTML代码

<link  type="text/CSS" rel="stylesheet" href="https://files.cnblogs.com/files/hafiz/Feedback.CSS"><link  type="text/CSS" rel="stylesheet" href="https://files.cnblogs.com/files/miangao/maodian.CSS"><a class="git-link" href="https://github.com/xinghalo"></a><span ID="back-to-top"><a href="#top">返回顶部</a></span><span ID="top"></span>

页脚HTML代码

<script type="text/JavaScript">$(function(){    $(‘#blogTitle h1‘).addClass(‘bounceInleft animated‘);    $(‘#blogTitle h2‘).addClass(‘bounceInRight animated‘);    // 删除反对按钮    $(‘.buryit‘).remove();    initCommentData();});function initCommentData() {    $(‘.FeedbackItem‘).each(function() {        var text = $(this).find(‘.FeedbackListSubTitle .layer‘).text();        // 将楼层信息放到data里面        // $(this).find(‘.blog_comment_body‘).attr(‘data-louceng‘,text.replace(/^#/g,‘‘));        if($(this).find(‘.FeedbackListSubTitle .louzhu‘).length>0) $(this).addClass(‘myself‘);        var avatar = $(this).find(‘> .FeedbackCon > span‘).HTML() || ‘http://pic.cnitblog.com/face/sample_face.gif‘;        $(this).find(‘> .FeedbackCon > .blog_comment_body‘).append(‘<img  src="‘+avatar+‘"/>‘)    });}$(document).AJAXComplete(function(event,xhr,settings) {  // 监听获取评论AJAX事件  if(settings.url.indexOf(‘/mvc/blog/GetComments.aspx‘) >= 0) {    initCommentData();  }});</script><script src="https://files.cnblogs.com/files/hafiz/jquery-migrate-1.2.1.Js"></script><div ID="scrolltop" style="display:none;">      <div class="level-2"></div>      <div class="level-3"></div></div><script src="http://files.cnblogs.com/files/hafiz/scroll2top.Js"></script><script type="text/JavaScript">    UI.global_search();    var uvOptions = {};    // !important    (function() {        initScrolltop();    })();</script><script src="https://files.cnblogs.com/files/miangao/bootstrap.min.Js"></script>

总结

以上是内存溢出为你收集整理的定制个人博客页面全部内容，希望文章能够帮你解决定制个人博客页面所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。