我无法在我的 github 博客上更改 jekyll 语法突出显示器



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

您将命令行指令与 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。

以下是杰基尔文档 https://jekyllrb.com/docs/liquid/tags/#code-snippet-highlighting

编辑:

由于 CSS 现在是正确的,但正确的 CSS 类没有应用于您的代码片段,您可以尝试在 jekyll 配置中设置语法突出显示器吗?

kramdown:
syntax_highlighter: rouge
input: GFM

相关内容

  • 没有找到相关文章

最新更新