换了一种代码高亮 js

长久以来,本站一直使用的是 SyntaxHighlighter,大概总有十年之久了。因为做网站优化,或者设计的时候,一定会碰到代码的修改,或者模板的修改,给出例子的时候,就需要把代码也一并展示出来。

在前几篇文章的时候,就已经把原来的 SyntaxHighlighter 3.0.83 撤下来了。换上了 highlight.js 9.12.0。

其实这两个代码高亮的插件或者说库,都是被广泛使用的。另外一个是 Google出品的 Prettify。
根据 Weppalizer.com 的统计,使用 SyntaxHighlighter 的有 25万个网站,Google Code Prettify 有18万个网站,使用 Highlight.js 的只有2万7千个网站。

当然我的选择是有自己的考虑的。我要的是轻量的,代码更为少的做法。
使用 Highlight.js ,只需要添加一个 highlight.min.js 文件和一个 样式 css 文件。分别是 57KB(压缩后18KB) 和 1KB。

文件的大小不是很大的问题,这个大小可以接受,而最重要的是速度。 Highlight.js 的速度比 Google Code Prettify 要快许多。
这里有个比较 Highlight.js 同 Google Code Prettify


暂时就是这样,用 Highlight.js 做代码高亮,还是非常简单和快速的。

把网站放在Dreamhost,通过LinkWorth获取广告收益,每个链接高达$40。
G2links Web Directories

延伸阅读

应用htaccess给网站加上防盗链机制 修复 AMP 页面错误 使用自定按钮来做社会化分享 添加Site Meter统计 采用量子恒道统计来统计Feed的访问 Google Analytics新代码 sql语句替换文字 Feed源修复 在blog里显示漂亮的源代码 难道本站被百度降权了吗

文章来源:

Author:David Yin
link:https://seo.g2soft.net/2017/09/23/highlight-js.html