当然主题自带有高亮脚本，是从Google Syntax Highlighter上扒下来的。
下面这个不用脚本，直接纯CSS，好象是非插件中比较流行的方法。
是利用CodeRenderUnmi,转换成html代码，然后使用CSS样式美化。
可以用CodeRenderUnmi软件来转换成html，也可以用本站底部的代码转换页面来实现转换，页面如下：
复制HTML代码过来时，预览会显示成全角，得修改./wp-includes/formatting.php下的代码，把其中两句注释掉。
原来是这样的：
// This is not a tag, nor is the texturization disabled static strings $curl = str_replace($static_characters, $static_replacements, $curl); // regular expressions $curl = preg_replace($dynamic_characters, $dynamic_replacements, $curl);
修改之后是这样的：
// This is not a tag, nor is the texturization disabled static strings //$curl = str_replace($static_characters, $static_replacements, $curl); // regular expressions //$curl = preg_replace($dynamic_characters, $dynamic_replacements, $curl);
多余的就不写了，这里贴出高亮css代码，可以加入到主题的style.css中，
下面的代码的高亮样式就是使用它本身达到效果。
/* 代码高亮样式*/
.dp-highlighter{
font-family:"Verdana",Tahoma,Lucida Grande,Arial,sans-serif;
font-size:12px;
background-color:#fcfcfc;
border:1px solid #e8e8e8;
width:99%;
word-break:break-all;
whitewhite-space:normal;
overflow:auto;
margin:0px auto
}
.dp-highlighter .bar{
padding:2px
}
.dp-highlighter .collapsed .bar,.dp-highlighter .nogutter .bar{
padding-left:0px
}
.dp-highlighter ol{
margin:0px 0px 1px 32px;/* 1px bottom margin seems to fix occasional Firefox scrolling */
padding:2px;
color:#666
}
.dp-highlighter.nogutter ol{
list-style-type:none;
margin-left:0px
}
.dp-highlighter ol li,.dp-highlighter .columns div{
/*background-color: #fff;*/
border-left:2px solid #0196e3;
padding-left:10px;
line-height:18px;
list-style-type:decimal;
}
.dp-highlighter .nogutter ol li,.dp-highlighter .nogutter .columns div{
border:0
}
.dp-highlighter .columns{
color:gray;
width:100%
}
.dp-highlighter .columns div{
padding-bottom:5px
}
.dp-highlighter ol li.alt{
/*background-color: #f8f8f8;*/}
.dp-highlighter ol li span{
color:Black
}
/* Adjust some properties when collapsed */
.dp-highlighter .collapsed ol{
margin:0px
}
.dp-highlighter .collapsed ol li{
display:none
}
/* Additional modifications when in print-view */
.dp-highlighter .printing{
border:none
}
.dp-highlighter .printing .tools{
display: none !important
}
.dp-highlighter .printing li{
display: list-item !important
}
/* Styles for the tools */
.dp-highlighter .tools{
padding:3px 8px 3px 15px;
border-bottom:1px solid #2B91AF;
font:9pt Verdana,Geneva,Arial,Helvetica,sans-serif;
color:silver
}
.dp-highlighter .collapsed .tools{
border-bottom:0
}
.dp-highlighter .tools a{
font-size:9pt;
color:gray;
text-decoration:none;
margin-right:10px
}
.dp-highlighter .tools a:hover{
color:red;
text-decoration:underline
}
/* About dialog styles */
.dp-about{
background-color:#fff;
margin:0px;
padding:0px
}
.dp-about table{
width:100%;
height:100%;
font-size:11px;
font-family: Tahoma, Verdana, Arial, sans-serif !important
}
.dp-about td{
padding:10px;
vertical-align:top
}
.dp-about .copy{
border-bottom:1px solid #ACA899;
height:95%
}
.dp-about .title{
color:red;
font-weight:bold
}
.dp-about .para{
margin:0 0 4px 0
}
.dp-about .footer{
background-color:#ECEADB;
border-top:1px solid #fff;
text-align:rightright
}
.dp-about .close{
font-size:11px;
font-family: Tahoma, Verdana, Arial, sans-serif !important;
background-color:#ECEADB;
width:60px;
height:22px
}
/* Language specific styles */
.dp-c{}
.dp-c .comment{
color:green
}
.dp-c .string{
color:blue
}
.dp-c .preprocessor{
color:gray
}
.dp-c .keyword{
color:blue
}
.dp-c .vars{
color:#d00
}
.dp-vb{}
.dp-vb .comment{
color:green
}
.dp-vb .string{
color:blue
}
.dp-vb .preprocessor{
color:gray
}
.dp-vb .keyword{
color:blue
}
.dp-sql{}
.dp-sql .comment{
color:green
}
.dp-sql .string{
color:red
}
.dp-sql .keyword{
color:rgb(127,0,85)
}
.dp-sql .func{
color:#ff1493
}
.dp-sql .op{
color:blue
}
.dp-xml{}
.dp-xml .cdata{
color:#ff1493
}
.dp-xml .comments{
color:green
}
.dp-xml .tag{
font-weight:bold;
color:blue
}
.dp-xml .tag-name{
color:rgb(127,0,85);
font-weight:bold
}
.dp-xml .attribute{
color:red
}
.dp-xml .attribute-value{
color:blue
}
.dp-delphi{}
.dp-delphi .comment{
color:#008200;
font-style:italic
}
.dp-delphi .string{
color:blue
}
.dp-delphi .number{
color:blue
}
.dp-delphi .directive{
color:#008284
}
.dp-delphi .keyword{
font-weight:bold;
color:navy
}
.dp-delphi .vars{
color:#000
}
.dp-py{}
.dp-py .comment{
color:green
}
.dp-py .string{
color:red
}
.dp-py .docstring{
color:green
}
.dp-py .keyword{
color:blue;
font-weight:bold
}
.dp-py .builtins{
color:#ff1493
}
.dp-py .magicmethods{
color:#808080
}
.dp-py .exceptions{
color:brown
}
.dp-py .types{
color:brown;
font-style:italic
}
.dp-py .commonlibs{
color:#8A2BE2;
font-style:italic
}
.dp-rb{}
.dp-rb .comment{
color:#c00
}
.dp-rb .string{
color:#f0c
}
.dp-rb .symbol{
color:#02b902
}
.dp-rb .keyword{
color:#069
}
.dp-rb .variable{
color:#6cf
}
.dp-css{}
.dp-css .comment{
color:green
}
.dp-css .string{
color:red
}
.dp-css .keyword{
color:blue
}
.dp-css .colors{
color:darkred
}
.dp-css .vars{
color:#d00
}
.dp-j{}
.dp-j .comment{
color:rgb(63,127,95)
}
.dp-j .string{
color:rgb(42,0,255)
}
.dp-j .keyword{
color:rgb(127,0,85);
font-weight:bold
}
.dp-j .annotation{
color:#646464
}
.dp-j .number{
color:#C00000
}
.dp-cpp{}
.dp-cpp .comment{
color:#e00
}
.dp-cpp .string{
color:red
}
.dp-cpp .preprocessor{
color:#CD00CD;
font-weight:bold
}
.dp-cpp .keyword{
color:#5697D9;
font-weight:bold
}
.dp-cpp .datatypes{
color:#2E8B57;
font-weight:bold
}
.dp-perl{}
.dp-perl .comment{
color:green
}
.dp-perl .string{
color:red
}
.dp-perl .keyword{
color:rgb(127,0,85)
}
.dp-perl .func{
color:#ff1493
}
.dp-perl .declarations{
color:blue
}
.dp-css .vars{
color:#d00
}
.dp-g{}
.dp-g .comment{
color:rgb(63,127,95)
}
.dp-g .string{
color:rgb(42,0,255)
}
.dp-g .keyword{
color:rgb(127,0,85);
font-weight:bold
}
.dp-g .type{
color:rgb(0,127,0);
font-weight:bold
}
.dp-g .modifier{
color:rgb(100,0,100);
font-weight:bold
}
.dp-g .constant{
color:rgb(255,0,0);
font-weight:bold
}
.dp-g .method{
color:rgb(255,96,0);
font-weight:bold
}
.dp-g .number{
color:#C00000
}
绿色环保，可以省去一个代码高亮的js脚本！
本站文章除注明转载/出处外，均为本站原创或翻译。若要转载但请务必注明出处，尊重他人劳动成果。
转载请注明出处链接 : https://www.inlojv.com/2784.html
