html - 用 Markdown 写 html 标签？

Question

在 tumblr 中，支持 markdown。我尝试在我的 tumblr 中添加语法高亮 ( highlight.js )，但遇到了一些问题。

highlight.js 需要在 HTML 代码标签中添加一个 class 属性。

我试着在我的 tumblr 上写这样一篇文章:

<pre class="test">
    <code class="html">
        function A(){ return "hello world"; }
    </code>
</pre>

真实页面的结果:

<pre>
    <code>
        function A(){ return "hello world"; }
    </code>
</pre>

class 属性没了……是否可以在 Markdown 中添加 HTML 属性？

Answer 1

如果您使用 google-code-prettify ，你可以这样做(我目前正在这样做):

$(document).ready(function() {
    $('pre').addClass('prettyprint');
    prettyPrint();
});

基本上，您加载所有文件:

prettify.css
sunburst.css // optional styles
prettify.js

添加上面的代码片段，并调用prettyPrint onLoad: onload="prettyPrint()"。

上面的代码片段应该放在所有文件之前。它找到所有 pre 元素，并将 prettyprint 类附加到它，以便脚本知道如何设置它的样式。

---

但是，如果您想使用当前的语法荧光笔，您可以这样做(使用 jQuery):

$(document).ready(function() {
    $('pre').addClass('test');
    $('code').addClass('html');
    // code to intialize highlight.js
});