ruby - 我无法在我的 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'

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

我怎样才能改变这个？

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