Emlog手動添加代碼高亮教程

發布日期:2018-03-11 23:01:14 作者:何以往事

  • 正文內容
  • 相關推薦
效果可以看本站的,

1.把下面的代碼加入到echo_log.php文件中:


<!-- 代碼高亮 -->
<script src="https://www.cnhack.me/content/templates/p4Devise/js/prettify.js?ver=2.1" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('pre').addClass('prettyprint linenums').attr('style', 'overflow:auto');
window.prettyPrint && prettyPrint();
});
</script>


2.把下面css代碼添加到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; }



搜一下

頭像
描述: ? 我愿用一世陽光換你的微笑 ?

本文標簽:

文章標題:Emlog手動添加代碼高亮教程

文章鏈接:http://www.xzhnfq.live/post/49

版權聲明:若無特殊注明,本文皆為 何以往事 原創,轉載請保留文章出處。

發表評論

電子郵件地址不會被公開。 必填項已用*標注

評論

1條評論
  1. avatar

    404_NotFound Lv.1 Chrome 70.0.3538.25 Chrome 70.0.3538.25 Windows Windows 回復

    這個只適合emlog5.3嘛?為什么我用6.0.0插入代碼就不好看啊

    江蘇省淮安市 電信

    3102 多乐彩11选五开奖走势图