javascript - 使用 Prism JS 不显示标记

Question

我正在尝试使用 PrismJS 作为我的 blogspot 博客的语法荧光笔。在使用 Syntax Highlighter 遇到问题后，我想试试 prism。

我的代码是这样的:

<pre class="line-numbers language-markup">
    <code>
        <b:if cond='data:blog.url == "http://domain.com/p/about.html"'>
            <style type="text/css">
                font-size: 22px;
            </style>
        </b:if>
    </code>
</pre>

我在 </head> 之前包含了 prismjs 文件标签。

CSS 有效，我的 Chrome 控制台没有错误，但脚本没有显示任何标记。

我的网站上有一个代码完全相同的 jsFiddle，它也不显示行号，尽管我的网站显示了行号。 http://jsfiddle.net/fyqnz/

站点示例:http://www.xarpixels.com/2013/05/bloggers-conditional-statements-legacy.html

知道为什么这不起作用吗？

Answer 1

玩了一下这个插件，发现用 > 和 < 替换 < 和 > 有点麻烦。如果你用脚本标签包装你的 html，那么它的值(value)是什么，一切都会突出显示。由于未类型化脚本标记内的 html 在 Visual Studio 中表现不佳，因此我为它提供了一种 prism-html-markup。

<pre>
    <code class="language-markup">
        <script type="prism-html-markup">
            <h1 class="foo">h1. Heading 1</h1>
            <h2>h2. Heading 2</h2>
            <h3>h3. Heading 3</h3>
            <h4>h4. Heading 4</h4>
            <h5>h5. Heading 5</h5>
            <h6>h6. Heading 6</h6>
        </script>
    </code>
</pre>

希望这对您有所帮助!