pug - 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。