highlight.js 无法在 Next.js 应用程序中使用 Markdown

highlight.js is not working with markdown in Next.js App

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

反应:17.0.2

下一个:11.1.0,

node.js: 16.5.0,

备注: 13.0.0,

备注-html: 13.0.1

Image

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

不太确定你的问题,但我确实通过导入解决了我的问题 import 'highlight.js/styles/default.css' 个 app.js 个文件。 (我正在使用 markdown-it)

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