漂亮的代码语法高亮库:Prismjs

  prismjs 是一款轻量、可扩展的代码语法高亮库,使用现代化的 Web 标准构建,使用 Prismjs 可以快速为网站添加代码高亮功能,支持超过上百种编程语言,还支持多种插件,是简洁、高效的代码高亮解决方案。

  Prism推荐使用内部语义化的pre 元素和 code 元素来标记代码区块,如下所示:

  如果你的代码块是其他语言,你可以把language-xxx类中的xxx改成设定的语言,如:html,java,php等。

  Prism.js支持很多种语言和插件主题。把一些不必要支持的语言包下载下来,会加大库文件大小,拖累我们网站加载速度。所以Prism.js采用自定义下载。在下载页面定,勾选你所需要高亮的语言、主题和插件,然后点击下载即可。下载地址:

  你可以使用插件来给代码添加行号,只需要在pre标签中加上line-numbers类即可。在之前的js代码中添加一行。

  压缩后只有2KB的大小(核心)。每种语言定义增加了大约300-500字节。

  语言的 CSS 类是可继承的,所以你只需定义一次就能应用到多个代码片段。

  自动链接URL和电子邮件,在评论中使用Markdown链接(需要插件)返回搜狐,查看更多

相关阅读