下载highlight.js到本地，如何嵌入html文件中使用？

最新推荐文章于 2023-04-05 22:50:12 发布

Acaibird.

最新推荐文章于 2023-04-05 22:50:12 发布

阅读量192

点赞数

文章标签： html javascript 前端

本文链接：https://blog.csdn.net/m0_62652709/article/details/129561555

版权

文章目录

下载highlight.js到本地，如何嵌入html文件中使用？

下载highlight.js到本地，如何嵌入html文件中使用？

下载链接

嵌入html文件

下载完成以后，解压压缩包，会看到,目录如下图所示：然后我们要在html中使用的就是highlight.min.js，以及style里面的css自己随意指定。

在这里插入tfafasd图片描述

代码如下

<!DOCTYPE html>
<html>
<head>
  <title>使用highlight.js进行语法高亮</title>
  <link rel="stylesheet" href="F:\highlight\styles\a11y-dark.min.css">
  <script src="F:\highlight\highlight.min.js"></script>
</head>
<body>
  <pre><code class="java">
    public static void main(String[] args) {
      System.out.println("Hello, World!");
    }
  </code></pre>
  <script>
    hljs.initHighlightingOnLoad();
  </script>
</body>
</html>