emlog代码高亮

真心原版高亮太丑,一直没时间来弄,太懒了,最近突然看着实在太难受.算了换一个把,几分钟的事情

,逛了下各位大佬的门,发现好多都用的是prettify.js来实现的代码自动高亮

prettify.js介绍

prettify.js 是 Google 的一款代码高亮插件,由 js 代码和 css 代码构成,用来高亮显示 HTML 页面中的源代码。支持:C, Java, Python, Bash, HTML, XML, Javascript, Makefiles, Ruby, PHP, Awk, Perl, Basic, Clojure, CSS, Dart, Erlang, Go, Haskell, Lisp, Scheme, LLVM, Lua, Matlab, Pascal, R, Scala, SQL, LaTeX 等语言。

Git 地址: https://github.com/google/code-prettify

可以再github上货去这个js文件

接下来实现代码高亮

在你的主题模板header.php head里面加入下面两段

<script type="text/javascript" src="<?php echo TEMPLATE_URL;?>prettify.js"></script>
<link rel='stylesheet' id='prettify-css' href='<?php echo TEMPLATE_URL;?>prettify.css' type='text/css' media='all' 

效果如上

 

 

版权说明:若无特殊注明,转载请保留文章出处
文章分类: emlog
字数统计:本文共有 663 个
本文链接:http://smyun.cc/EMLOG/146.html

标签:

精彩评论

发表评论:

允许邮件通知