簡單易用的代碼高亮插件highlight.js

之前用過一些,效果都不是很理想,有的顏色標記混亂,有的操作繁瑣。今天發現了一個簡單易用的插件,可以自動識別代碼種類。
插件效果:在這裏插入圖片描述官方網址: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/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章