我无法在我的 github 博客上更改 Jekyll 语法荧光笔

Question

我创建了 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'

但我博客的语法高亮显示保持 none。

我该如何更改？

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

Chrome DevTools Picture

Answer 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 类没有应用到你的代码片段，你可以尝试在你的 jekyll 配置中设置你的语法荧光笔吗？

kramdown:
  syntax_highlighter: rouge
  input: GFM

我无法在我的 github 博客上更改 Jekyll 语法荧光笔

I can't change jekyll syntax highlighter at my github blog

ruby

jekyll

syntax-highlighting

github-pages

rouge

编辑：