代码高亮js插件——highlight.js

官网：https://highlightjs.org/

在页面中引入内容

<link rel="stylesheet" href="//unpkg.com/@highlightjs/cdn-assets@11.4.0/styles/default.min.css"> 
<script src="//unpkg.com/@highlightjs/cdn-assets@11.4.0/highlight.min.js"></script>

或者下载到本地再引用。

<pre><code contenteditable="true" class="language-java" >

language-java指定按java识别格式
代码存放在此

</code></pre>


//该js不执行的话，代码样式不生效
<script>hljs.highlightAll();</script>

提供的代码默认css样式可能不符合个人习惯

如下提供一个css样式集合：

https://unpkg.com/browse/@highlightjs/cdn-assets@11.4.0/styles/

样式如下：

所有样式在线预览的官网地址：

highlight.js demohttps://highlightjs.org/static/demo/