prism.js和jade的问题

Question

我试图用prism.js来强调语法，但在标记方面遇到了麻烦。我知道它是链接的，并且工作正常，因为我的sass被正确地突出显示，但是我试图突出显示jade，但它没有任何影响。

下面是我的代码：

h3 Sass
div.source(id="panel")
  pre
    code.language-scss.
      figure {
      width: 80%;
      }

      img {
        width: 100%;
        height: auto;
      }
h3 Jade
div.source(id="panel")
  pre
    code.language-markup.
      figure
        img(src='http://placehold.it/560x420')
        figcaption.
          "Caption text."

正如我所说的，sass部分显示正确，所以我知道它可以工作，但jade不能。如有任何建议，我们将不胜感激！

Answer 1

使用code.language-pug而不是code.language-markup。这是因为Prism没有在标记中包含Pug/Jade。