我无法在我的GitHub博客上更改Jekyll语法高亮笔 [英] I can't change jekyll syntax highlighter at my github blog

问题描述

我做了我的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 Picture

推荐答案

您混淆了命令行指令和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语法高亮笔的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！