• 展开微博窗口
  • QQ:52619941
  • 微信:cnmemory
  • 展开分类目录
  • 还没有账号?

Memory

使用highlight.js为你的代码块增加高亮效果

wordpress本身有很多使代码高亮的插件,但这样一来无疑使网站的加载速度变慢,于是想说是否能够通过js来实现代码的高亮,经过一番查找,网上确实有很多此类的插件,譬如SyntaxHighlighter,这个插件虽然强大,但是对于我来说却过于繁琐,我需要的仅仅只是美观简便易用,毕竟人总有惰性,为了满足自己的需求,终于发现了一款让人满意的js代码高亮插件,那就是今天要给大家介绍的highlight.js,它不仅功能强大,而且使用便捷,你只需要三行代码就能完成全部的配置。先说说这个插件的优点:

  • 提供86种语言和49种风格
  • 自动语言检测
  • 多语言代码高亮
  • 可用于Node.js
  • 适用于任何标记语言
  • 兼容任何JS框架

接着你可以在官网http://highlightjs.org/ 自行定制你的highlight.js

通过下面三行代码,就完成了全部的配置。

<!-- 引用highlight.js的风格 -->
<link rel="stylesheet"