为什么我的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网站演示的F12显示java代码的输出包含在<span>...</span>中，如何才能正确显示突出显示的代码。

感谢您的阅读。

Answer 1

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