我無法在我的 github 博客上更改 jekyll 語法熒光筆

Question

我創建了我的 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 圖片

Answer 1

您將命令行指令與 jekyll 指令混為一談。 Also it seems that your command rougify style monokai.sublime does not work properly as if I look at the CSS file in your blog it says unknown theme: monokaisubline ( https://azzyjk.github.io//assets/css/syntax. css ）。

所以最簡單的解決方案只需將這些 CSS 樣式表之一添加到您的樣式中style.css文件https://github.com/jwarby/jekyll-gments 。

這是 Jekyll 文檔https://jekyllrb.com/docs/liquid/tags/#code-snippet-highlighting

編輯：

由於 CSS 現在是正確的，但正確的 CSS 類未應用於您的代碼片段，您可以嘗試在您的 jekyll 配置中設置語法熒光筆。

kramdown:
  syntax_highlighter: rouge
  input: GFM