Jekyll 语法突出显示不起作用 - 未添加类答案

【问题标题】：Jekyll Syntax Highlighting Not Working - Classes Are Not Being AddedJekyll 语法突出显示不起作用 - 未添加类
【发布时间】：2023-03-08 18:43:02
【问题描述】：

我无法在 Jekyll 驱动的博客上使用语法高亮。

如您所见，在我的_config.yml 文件中，我有以下内容：

markdown: kramdown

kramdown:
  syntax_highlighter: rouge

在我的 css/custom.css 文件中，我正在导入 CSS 文件以使用 @import 命令突出显示语法。

用于突出显示的实际 CSS 文件位于 css/monokai.css 中。

我不确定我做错了什么。当我运行 jekyll serve 时，这似乎在我的本地预览版上运行良好，但当我将开发文件推送到 GitHub 时却不行。当由 GitHub 构建时，它似乎没有添加正确的类。

【问题讨论】：

【解决方案1】：

我在使用 monokai 突出显示 jekyll-uno 主题中的 css 时遇到了同样的问题。

为了解决我不得不更新 CSS 的问题，使用 rouge 本身非常简单（取自 docs）：

rougify style monokai > css/monokai.css

也有other themes 可用。

【讨论】：

【解决方案2】：

对我来说，这似乎是我的语言提示的大小写问题。

没用：

```SQL

工作：

```sql

【讨论】：

【解决方案3】：

您必须使用Jekyll highlight tag

{% highlight ruby %}
def foo
  puts 'foo'
end
{% endhighlight %}

【讨论】：

这让一些突出显示工作，但我想我必须修改 monokai.css 文件才能使用，但是正在添加类。我想用这个简单的方法：sacha.me/articles/jekyll-rouge