Highlight.js

Highlight.js 是用JavaScript编写的代码高亮显示类库。它在浏览器和服务器上都能工作。它几乎适用于任何标记，不依赖于任何框架，并且具有自动语言检测功能。

如何使用

// 这里如果要换成其他主题样式，请更换default.css样式文件！
// 例如：换成dark.css，确保styles下有该文件，具体的样式效果，请查看 https://highlightjs.org/static/demo

<link rel="stylesheet" href="/styles/default.css">

<script src="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

程序将会在<pre><code>中找到并突出显示代码;它试图自动检测语言。如果自动检测对您不起作用，您可以在类属性中指定语言

<pre><code class="html">...</code></pre>

支持的语言类列表在类引用中可用。类也可以用语言或lang进行前缀。 要禁用高亮显示，请使用nohighlight类:

<pre><code class="nohighlight">...</code></pre>

自定义初始化

如果你需要在自定义标签中实现代码高亮美化，此时需要自定义初始化，这里需要用到jquery配合jQuery，需要引入，别忘记了！

$(document).ready(function() {
  $('pre code').each(function(i, block) {
    hljs.highlightBlock(block);
  });
});

相关

官网 https://highlightjs.org/.

接口 http://highlightjs.readthedocs.io/.

样式 https://highlightjs.org/static/demo/.