Jekyll - 在高亮代码块中设置部分代码样式

Posted

技术标签:

【中文标题】Jekyll - 在高亮代码块中设置部分代码样式【英文标题】:Jekyll - Style a part of code in highlight code block 【发布时间】:2014-09-23 11:04:51 【问题描述】:

我使用 pygments 来高亮代码。

我想在高亮块的部分代码中添加一些指定样式。

比如我想把“private String”的颜色改成红色。

% highlight java %
public class A 
    <span color="red">private String</span> xx;

% endhighlight %

我该怎么做?

【问题讨论】:

【参考方案1】:

名称标记由 Pygments 转换为:

<span class="n">Private</span>
<span class="n">String</span>
<span class="n">name</span>

or 

<span class="o">(</span>
<span class="n">String</span>
<span class="n">name</span>
<span class="o">)</span>

样式 .n 类可以在您的 highlight.css(或者可能是 .scss)中使用:

.highlight .n color: red; 

但您不会针对 Private String 特定令牌。 如果你想这样做,你将不得不编写你自己的 Pygments 词法分析器

【讨论】:

以上是关于Jekyll - 在高亮代码块中设置部分代码样式的主要内容,如果未能解决你的问题,请参考以下文章

测试代码块样式

在 Jekyll 中使用 Pygments 代码高亮显示文件名

如何在 rouge 中创建新的代码高亮样式

如何在Jekyll代码中使用unicode突出显示?

如何让Jekyll支持Markdown的代码块格式

如何在 jekyll 中设置大小/旋转图像?