css - Jekyll 语法高亮显示不起作用 - 未添加类

Question

我无法在我的 Jekyll 支持的博客上使用语法高亮显示。

开发文件可以在这里找到:https://github.com/StevenXL/stevenxl.github.io .

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

markdown: kramdown

kramdown:
  syntax_highlighter: rouge

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

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

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

Answer 1

我在使用来自 jekyll-uno 的 monokai 高亮 css 时遇到了同样的问题主题。

为了解决我必须更新 CSS 的问题，使用 rouge 本身非常简单(取自 docs ):

rougify 样式 monokai > css/monokai.css

有other themes也可用。