3

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

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 图片

4

1 回答 1

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
于 2020-06-30T17:41:08.857 回答