Next.js应用程序中的highlight.js不支持降价

Question

我正在创建一个next.js博客。使用备注库，我们将markdown转换为html语言，并应用markdown样式。问题是我想使用highlight.js在代码上放置一个主题。我已经检查过加载所需的css文件，但它不适用。根据需要指定用法。

react: 17.0.2

下一步: 11.1.0

node.js: 16.5.0，

备注: 13.0.0，

remark-html: 13.0.1

Image

<pre>
 <code class="javascript">
   const temp = [1, 2];
 </code>
</pre>

Answer 1

对于您的问题不是很确定，但我确实通过在app.js文件中导入import 'highlight.js/styles/default.css'解决了我的问题。(我使用的是markdown-it)

归功于https://dev.to/kentico-kontent/how-to-use-highlight-js-on-a-next-js-site-f9