0x8
0x8

使用Highlight.js为网页添加语法高亮功能

Highlight.js是目前最受欢迎的JavaScript语法高亮工具，下来介绍如何使用之。

Highlight.js特性

  • 192 种语言和 498 个主题
  • 自动语言检测
  • 适用于任何 HTML 标记
  • 零依赖
  • 兼容任何 JS 框架
  • 支持 Node.js 和 Deno

首先在https://highlightjs.org/download下载Highlight.js，可以按需定制选择语言，要么就选择所有语言。

在网页</head>之前加入以下代码:

1
2
3
4
5
6
7

<!-- 按照自定义目录填写default.css路径 -->
<link rel="stylesheet" href="/path/to/styles/default.css">

<!-- 按照自定义目录填写highlight.min.js路径 -->
<script src="/path/to/highlight.min.js"></script>

<script>hljs.highlightAll();</script>

就这样咯！

0%