Question

之前已经问过这个问题，但没有一个答案对我的案例有帮助。（请参阅下文）

我正在使用Ion Theme运行Jekyll 2.5.3，到目前为止我正在使用它，成功地将LaTeX包含在帖子中。现在我添加了源代码片段，但语法高亮显示不起作用。

我已经尝试了下面列表中的所有内容，但我错过了一些CSS条目，但我不知道在哪里或如何包含样式。请注意，类已正确添加到生成的HTML中，但我只获得等宽字体：

<div class="highlighter-rouge">
    <pre class="highlight">
        <code>
            <span class="cp">&lt;?php</span>
            <span class="k">echo</span>
            <span class="s1">'Hello world!'</span>
            <span class="p">;</span>
            <span class="cp">?&gt;</span>
        </code>
    </pre>
</div>

手动我已经修改了CSS文件（css/style.css），从默认的Jekyll主题中添加了一些样式：

/* SYNTAX HIGHLIGHT */
pre.highlight {
    background: #fff;
}
    .c     { color: #998; font-style: italic } // Comment
    .err   { color: #a61717; background-color: #e3d2d2 } // Error
    .k     { color: #000; font-weight: bold } // Keyword
    .o     { font-weight: bold } // Operator
    /* ... */

请注意pre.highlight样式有效，如果我更改了它的背景（或其他任何内容）。我还把这个CSS加载到最后，只是为了确定。

我尝试过可能的组合（span.c，code span.c，...），但我对CSS的经验几乎为零，我唯一成功修改过的就是{{1 }}，最初只是pre.highlight。

任何人都可以帮助我这个＆＃34; 小＆＃34;问题？它让我疯了几天......

谢谢！

Jekyll主题显示没有语法突出显示

0 个答案: