网页代码实现高亮

实现网页代码高亮

在网页开发过程中，经常会用到代码的展示，而不同颜色的代码，可以让页面看起来更直观，也更美观。highlight.js是一款基于JavaScript的语法高亮库，目前支持125种编程语言，有63种可供选择的样式，而且能够做到语言自动识别，和目前主流的JS框架都能兼容，比较实用。

获取highlight.js库 官网地址：https://highlightjs/

点击Get version按钮进入语言选择，勾选你常用的语言，在使用插件时会自动检测你要展示的代码的语言，并自动让代码高亮。通常common就足够用了。

选好后点击下面的download按钮，下载，解压

styles目录下是所有的css样式，决定代码的颜色；highlight.pack.js为库文件，决定代码哪些部分会变高亮。

此处我们只是针对java的相关程序进行高亮显示

引入该js样式语句

将启动时机绑定到 load 事件，可接受默认参数选项，对所有匹配元素进行着色。

xml语言注释高亮

java语言注释高亮

输出结果注释高亮

这篇文章的讲述就到这，感兴趣的可以收藏一下😀