简单易用的代码高亮插件highlight.js

jklgfgdsr

于 2018-11-05 17:21:25 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： html javascript

本文链接：https://blog.youkuaiyun.com/jklgfgdsr/article/details/83753044

javascript 同时被 2 个专栏收录

10 篇文章

订阅专栏

html

6 篇文章

订阅专栏

本文介绍了一款名为Highlight.js的代码高亮插件，它能自动识别多种代码类型并进行高亮显示，解决了颜色标记混乱和操作繁琐的问题。通过简单的引用文件和代码设置，即可在网页中实现美观且实用的代码高亮效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前用过一些，效果都不是很理想，有的颜色标记混乱，有的操作繁琐。今天发现了一个简单易用的插件，可以自动识别代码种类。
插件效果：在这里插入图片描述官方网址：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/