为什么我的Highlight.js不能正常工作？

Question

我不知道https://highlightjs.org/static/demo/是怎么工作的。

我用npm安装了highlight.js

npm install highlight.js

我使用了

<link rel='stylesheet' type='text/css' href='path/to/zenburn.css' />

和

<script type='text/javascript' src='path/to/highlight.js'></scrpit>

和

<script> h1js.initHighlightingOnload(); </script>

我还用<pre><code class='java'>......</code></pre>包装了我的“java源代码”。

这是屏幕截图Java source code is not highlighted.

我注意到Highlight.js网站演示的F12显示java代码的输出被包装在<span>...</span>中，我该如何做才能正确显示突出显示的代码。

感谢您的阅读。

Answer 1

您是否将上面问题中显示的示例路径设置为应用程序的正确路径(如'node_modules/highlight.js/build/styles/zenburn.css')？还要注意，在某些情况下，您可能必须先构建highlight.js包才能使用它。更详细的信息可以在here上找到。