功能菜单

记录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几种其它颜色的皮肤 

本文转载阅美乐!

 来源: 本站 密码:  声明: 本站所有资源都经过安全检测,请放心下载!

本站声明

独乐乐不如众乐乐,您分享的干货是给予本站最大的支持和鼓励也是大家的福利! 本站承诺:投稿一旦通过会给予投稿人1~20元红包作为奖励,内容质量决定于你的红包数量! 正常审核时间为每天:9:00~19:00 投稿邮箱:1410469560@qq.com 提示:本站使用两种模式方法投稿:邮箱投稿与会员投稿,性质一样!

投稿须知

1.投稿可带个人QQ/Q群等宣传信息 不可带第三方网址! 2.不收录:色情/入侵/FD/反动/擦边球等相关违法内容,一旦发现直接提交网警处理。 3.不要尝试玩套路,故意教程做得不详细骗人气或软件发布后马上开启更新,发现一次永久屏蔽。 4.投稿不要群发邮件这样导致站长审核困难,发现永久拉黑投稿人邮箱不作解释! 5.为保障教程的清晰度,请使用《屏幕录像专家》这款软件进行录制。 6.请勿上传病毒木马,否则可能导致您的账号被封,IP段被封 永远无法投稿。 7.投稿信息请认真填写,我们会在后台第一时间审核,审核通过后可在首页展示您的教程。

投稿格式

标题: 内容: 截图: 你的支付宝收款账号或微信收款账号:

最终解释权归本站所有。