如果你想在自己的网页上，展示一段代码（任意的编程语言），并使其高亮，推荐使用highlight.js，它使用起来非常简单，不过，美中不足的是，它本身没有显示行号的功能。想要让代码高亮的同时也显示行号，那么这一篇教程也许会帮到你！
方法/步骤
1
自行进入highlight.js的官网，然后点击按钮“Get version ...”进入下载页面
2
选择你需要让代码高亮的编程语言。勾选比较常用的即可，比如HTML、CSS、JavaScript、PHP、C#、C++等等……然后在浏览器里向下拉滚动条，点击Download按钮
3
将下载好的文件解压缩到任意目录，新建一个demo.html
5
在styles/default.css里追加一段代码，保存！ .hljs ul { list-style: decimal; margin: 0 0 0 40px!important; padding: 0} .hljs li { list-style: decimal-leading-zero; border-left: 1px solid #111!important; padding: 2px 5px!important; margin: 0!important; line-height: 14px; width: 100%; box-sizing: border-box} .hljs li:nth-of-type(even) { background-color: rgba(255,255,255,.015); color: inherit}
6
演示效果如下图所示！（如果想要改变高亮效果的颜色，可在CSS文件里自行修改）
注意事项
1
“<”、“>”都需要转义
2
需要高亮的代码是放在这里哦...3
如果需要高亮的代码是一段html代码，那么标签里的class的值应为：html