在页面中引入内容
<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/
样式如下:
所有样式在线预览的官网地址: