现在位置：首页 > 编程语言 > web前端 > emlog代码高亮

emlog代码高亮

龙行 web前端 2019-6-21 3619 0评论

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

,逛了下各位大佬的门,发现好多都用的是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' />

效果如上

评论一下分享本文赞助站长