为什么我的 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>

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

这是截图Java source code is not highlighted.

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

感谢您的阅读。

Answer 1

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