我无法在我的 github 博客上更改 jekyll 语法荧光笔答案

【问题标题】：I can't change jekyll syntax highlighter at my github blog我无法在我的 github 博客上更改 jekyll 语法荧光笔
【发布时间】：2020-06-30 16:33:11
【问题描述】：

我创建了我的 github 博客。
我想将我的语法荧光笔更改为 rouge。
我这样做。

gem install rouge
rougify style monokai.sublime > assets/css/syntax.css

//default.html
link href="{{ site.baseurl }}/assets/css/syntax.css" rel="stylesheet" />

// _config.yml
markdown: kramdown
highlighter: rouge
kramdown:
  input: GFM
  syntax_highlighter_opts:
    default_lang: html
    css_class   : 'syntax'

但是我博客的语法高亮没有。

我该如何更改？

https://github.com/azzyjk/azzyjk.github.io.
https://azzyjk.github.io/GithubBlog_2/

Chrome DevTools Picture

【问题讨论】：

标签： ruby jekyll syntax-highlighting github-pages rouge

【解决方案1】：

您将命令行指令与 jekyll 指令混为一谈。此外，您的命令 rougify style monokai.sublime 似乎无法正常工作，就像我查看您博客中的 CSS 文件一样，上面写着 unknown theme: monokaisubline (https://azzyjk.github.io//assets/css/syntax.css)。

最简单的解决方案是将这些 CSS 样式表之一 c&p 到您的 style.css 文件 https://github.com/jwarby/jekyll-pygments-themes 中。

这里是 Jekyll 文档https://jekyllrb.com/docs/liquid/tags/#code-snippet-highlighting

编辑：

由于 CSS 现在是正确的，但正确的 CSS 类并未应用于您的代码 sn-ps，您能否尝试在您的 jekyll 配置中设置语法高亮。

kramdown:
  syntax_highlighter: rouge
  input: GFM

【讨论】：

哦，我明白了。我想应用“monokai.sublime”，但我应用“monokai.subline”。所以我将我的 syntax.css 更改为“monokai.sublime”。但它也不起作用。刷新这个页面它会应用语法荧光笔一会儿.
查看我的编辑，你能不能尝试将kramdown 块中的syntax_highlighter 选项设置为rouge。
我修复了我的 _config.yml 文件，但它看起来一样。我认为“回忆录”主题太客气了。所以，它有默认的语法高亮。而且我认为，它阻碍了 rouge syntax-highlighter...
看看我的 chrome devtools 图片。 “prism.css”和“theme.css”影响“.highlight”