Нужно ли создавать css-файл из Pygments для моего блога jekyll, чтобы включить красочный фрагмент кода?

Это мой первый раз, чтобы использовать Джекил и устройстве. Но я не знаю, как вставить красочный фрагмент кода.

Я успешно установил Pygments, следуя официальным шагам, с такой уценкой:

{% highlight ruby %}
def foo
  puts 'foo'
end
{% endhighlight %}

Я вижу исходный код html, включая классы, однако для этого фрагмента нет цвета.

Мне нужно создать некоторые css-файлы из Pygments и включить их? И как?

13
css jekyll pygments

2 ответов

вам нужно включить синтаксис.в CSS

вы можете взять образец из моего РЕПО https://github.com/madhur/madhur.github.com/blob/master/files/css/syntax.css

и затем настроить его в соответствии с вашей темой. Мой настроен для темных фонов.

5

да, вам нужно либо установить, либо создать классы CSS, чтобы сделать видимыми рабочие пигменты подсветки кода. После установки Pygments это можно сделать, выполнив из командной строки следующее:

pygmentize -S default -f html > pygments.css

это создаст pygments.css файл по умолчанию в текущем каталоге;pygments -L style список всех существующих стилей.

вы можете либо переместить это в дерево HTML и вызвать его с соответствующим:

<link rel="stylesheet" type="text/css" href="/path/to/pygments.css">

или скопируйте содержание pygments.css и поместить его в существующую таблицу стилей. Это поможет тебе начать. Вы можете редактировать CSS оттуда, чтобы настроить по мере необходимости.

два замечания:

  1. вы, вероятно, уже сделали это, но в интересах людей, которые являются новыми для Джекила и пигментов, вы, вероятно, также должны добавить pygments: true на _config.yml файл, чтобы заставить Pygments работать. (Или запустите jekyll с jekyll --pygments который имеет то же самое эффект.)

  2. оригинал документация по установке Jekyll было не очень ясно, как заставить пигментов работать, когда этот вопрос был задан. С тех пор я добавил раздел "Использование пигментов", чтобы, надеюсь, помочь прояснить ситуацию.

27