0

Как сделать фрагменты кода выделенными, используя преимущества автогенерации Jekyll на стороне github? Можно ли заставить его работать с backticks обозначение? Или у меня есть/должен ли я переходить к обозначению блоков кода?Добавить подсветку синтаксиса для автоматически генерируемых gh-страниц


У меня есть this very simple сайт (на given commit) GH-страницы ветви с _config.yml:

kramdown: 
    input: GFM 

, которые я добавил, чтобы сделать перевод строки, чтобы быть новой строки в моих фрагментов кода. (кроме этого я могу избавиться от него).

Я хотел бы сделать код повышенной освещенности, но продолжаю использовать обратные метки обозначение, не так ли? (Github preview подсвечивает его должным образом, однако generated page просто черный)

P.S. Почему-то «Add syntax highlighting to gh-pages» Q & A не помогает, как вы видите по ссылкам (или я ошибаюсь).

+1

Там нет абсолютно никакого CSS определены в ваших страницах. Стили (цвета, полужирный, курсив и т. Д.) Определяются CSS. Вам нужно изменить свою тему, чтобы включить соответствующий CSS. – Waylan

+0

Когда я проверил код сайта, нет подсветки ... так что я боюсь, что просто CSS не поможет. Во всяком случае, я бы оценил ссылки на ресурсы с листами CSS. –

+0

Если вы заметили, код (как показано в HTML) имеет назначенный ему класс, который идентифицирует язык (и был получен из защищенного блока кода). Этот класс можно использовать вместе с библиотекой JavaScript для выделения синтаксиса прямо в браузере. Конечно, вам нужно будет включить соответствующую JS-библиотеку, а также CSS. – Waylan

ответ

1

Используйте jekyll highlight с этим jekyll original pygment highlight css file.

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

You can also find a lot more css for pygment code highlighting.

+0

Я попросил ** backticks ** обозначить '' 'язык. Является ли это возможным? В противном случае лучше обозначить пигменты для других резонансов? (например, более широко распространены? Поддерживаются ли другие другие Jekyll deploments и т. д.?) –

+1

Моя точка зрения: я предпочитаю выделить, потому что это CSS. обратная обратная ссылка требует, чтобы js была написана на стороне клиента. –

+0

Я ответил на аналогичный вопрос здесь: http://stackoverflow.com/questions/6615415/add-syntax-highlighting-to-gh-pages#answer-42762258 –