Prettify 代码高亮

Prettify 代码高亮

所需 css(放网站 head 中)

Prettify 代码高亮
<style type=text/css>.prettyprint,pre.prettyprint{white-space:pre-wrap;word-wrap:break-word;background-color:#444;border:1px solid #272822;overflow:hidden;padding:0;margin:20px 0;font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important;color:#666}.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;padding:5px 10px}.prettyprint.linenums ol li,pre.prettyprint.linenums ol li{color:#bebec5;line-height:20px;margin-left:0;list-style:decimal}.prettyprint ol.linenums{margin-bottom:0;background-color:#272822}.prettyprint .com{color:#93a1a1}.prettyprint .lit{color:#ae81ff}.prettyprint .clo,.prettyprint .opn,.prettyprint .pun{color:#f8f8f2}.prettyprint .fun{color:#dc322f}.prettyprint .atv,.prettyprint .str{color:#e6db74}.prettyprint .kwd,.prettyprint .tag{color:#f92659}.prettyprint .atn,.prettyprint .dec,.prettyprint .typ,.prettyprint .var{color:#a6e22e}.prettyprint .pln{color:#66d9ef}
    </style>

或单独写在 css 文件中,本站引用

<link rel="stylesheet" type="text/css" href="/zb_users/plugin/FY_Prettify/prettify.css" />

上述 css 本主题下代码上下有 20px 留白,遂可将上述 margin:20px 0 改为 0px

本站引用的 js

<script src=/zb_users/plugin/FY_Prettify/prettify.js type=text/javascript></script>

调用

/* 初始化 prettyPrint 这里我直接置于本站 prettify.js 末尾的 */
$(window).on('load',function(){jQuery("pre").addClass("prettyprint");
     prettyPrint();})
jQuery("pre").attr("class","fy-prettyprint linenums");

手机扫描二维码访问

本文标题:《Prettify 代码高亮》作者:极四维博客
原文链接:https://cway.top/post/785.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

下一篇: 本站实用小技巧

相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

«    2024年10月    »
123456
78910111213
14151617181920
21222324252627
28293031

搜索

控制面板

您好,欢迎到访网站!
  查看权限

最新留言

文章归档

  • 订阅本站的 RSS 2.0 新闻聚合