记录Emlog使用谷歌高亮插件方法

2018-3-21 0 PHP代码 蓝优

在footer.php 添加prettify.js

<script src="<?php echo TEMPLATE_URL; ?>js/prettify.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('pre').addClass('prettyprint linenums').attr('style', 'overflow:auto');
window.prettyPrint && prettyPrint();
});
</script>

在css文件中添加高亮皮肤

.prettyprint,
pre.prettyprint {
    background-color: #272822;
    border: 1px solid #272822;
    overflow: hidden;
    padding: 8px;
}
.prettyprint.linenums,
pre.prettyprint.linenums {
-webkit-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
-moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
}
.prettyprint.linenums ol,
pre.prettyprint.linenums ol {
    margin: 0 0 0 33px; 
}
.prettyprint.linenums ol li,
pre.prettyprint.linenums ol li {
    padding-left: 12px;
color: #bebec5;
line-height: 20px;
margin-left: 0;
list-style: decimal;
}
.prettyprint .com { color: #93a1a1; }
.prettyprint .lit { color: #AE81FF; }
.prettyprint .pun,
.prettyprint .opn, 
.prettyprint .clo { color: #F8F8F2; }
.prettyprint .fun { color: #dc322f; }
.prettyprint .str, 
.prettyprint .atv { color: #E6DB74; }
.prettyprint .kwd, 
.prettyprint .tag { color: #F92659; }
.prettyprint .typ, 
.prettyprint .atn, 
.prettyprint .dec, 
.prettyprint .var { color: #A6E22E; }
.prettyprint .pln { color: #66D9EF; }
就这么容易..解决高亮问题,如果不喜欢黑色的皮肤,谷歌还有10几种其它颜色的皮肤 

本文转载阅美乐!

 密码:  来源: :百度 声明: 本站所有资源都经过安全检测,请放心下载!
标签: EMLOG教程 转载 代码整理
版权声明:若无特殊注明,本文皆《蓝优》原创,转载请保留文章出处。
本文链接:记录Emlog使用谷歌高亮插件方法 - http://www.92mo.cn/daima/131.html

发表新评论

快捷功能: