龙行博客

走路看风景,经历看人生,岁月留痕迹,人生留轨迹,17的历史,18的豪情,时间的匆忙,人生的风景,放开心胸往前走,成功再远行,放开理想往前走,梦想再行动。
现在位置:首页 > 编程语言 > web前端 > emlog代码高亮

emlog代码高亮

龙行    web前端    2019-6-21    86    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' />

效果如上

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

赞助站长X

扫码赞助站长
联系站长
龙行博客
  • 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《龙行博客》。
  • 本文网址:https://www.liaotaoo.cn/260.html
  • 上篇文章:深入理解RESTful API
  • 下篇文章:root被我禁止远程登录了
  • jquery
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
快捷导航
联系博主
在线壁纸
给我留言
光羽影视
音乐欣赏
返回顶部