nuxt.js - 等号在 PrismJS 中始终以白色突出显示

Question

我正在我的 Nuxt 内容项目中设置 Prism 代码块，一切似乎都很顺利，除了我的“=”符号有一个半透明的白色背景，我不知道为什么。我尝试了不同的主题，认为这是我的样式问题，但即使我从回购中复制/粘贴主题（比如这个），我仍然看到同样的事情：

我刚刚从 Prism 的网站下载了默认包，并且只是使用普通主题。

这里可能会发生什么？

Answer 1

确保您只使用单个主题的 css。

当您同时包含默认主题和另一个主题的 css 文件时，通常会发生这种情况。例如，如果您有prism.min.css，prism-twilight.min.css它将导致您遇到的问题。看起来主题建立在默认prism.min.css文件之上，但相反，它们相互冲突。