Почему мой Highlight.js не работает правильно?

Question

Я не знаю, как работает https://highlightjs.org/static/demo/.

Я должен был установить highlight.js по npm

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 не выделен.

Я заметил, что F12 демонстрации на сайте Highlight.js показывает, что вывод Java-кода обернут в <span>...</span>Как я могу сделать, чтобы правильно отобразить выделенный код.

Спасибо за ваше чтение.

Answer 1

Вы установили примерные пути, показанные в вашем вопросе выше, в правильные пути для вашего приложения (такие как 'node_modules/highlight.js/build/styles/zenburn.css')? Также обратите внимание, что в некоторых сценариях вам может потребоваться собрать пакет highlight.js, прежде чем вы сможете его использовать. Более подробную информацию можно найти здесь.