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