之前用過一些,效果都不是很理想,有的顏色標記混亂,有的操作繁瑣。今天發現了一個簡單易用的插件,可以自動識別代碼種類。
插件效果:官方網址:https://highlightjs.org/
使用方法官網上面有說明,引用文件:
<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
代碼部分:
<pre><code>代碼段</code></pre>
其它用處可參閱官網的手冊:https://highlightjs.readthedocs.io/en/latest/