Как настроить подсветку синтаксиса Jekyll?

Question

Под конфигурацией я подразумеваю размер шрифта, семейство шрифтов, стиль подсветки синтаксиса, номера строк и так далее.Я следовал некоторым учебникам, но они не работали для меня.

Что я сделал:

• добавил markdown: kramdown и highlighter: rouge в _config.yml;
• добавил тему css из фрагментов непосредственно в head / импортировал ее в файл main.scss.

Я пробовал это, и подсветка синтаксиса работала, но в ограниченном порядке, потому что я не могу добавитьномера строк с lineos.Я заметил, что тег {% highlight lang_name %} не работает, только тройные тильды.

Любая помощь будет приветствоваться

Answer 1

Я думаю, что ответ в некоторой степени зависит от темы, которую вы используете. Если вы хотите изменить только несколько мелких вещей, лучше всего использовать функцию Inspect Element, которая поставляется с вашим браузером.

1. Запустите ваш сайт с помощью bundle exec Jekyll serve и перейдите на страницу с выделенным синтаксисом кодом.
2. Щелкните правой кнопкой мыши по блоку кода и выберите «Проверить элемент». Что-то должно открыться сбоку или снизу. Это будет выглядеть так:

3. Теперь поиграйте с цветом / размером шрифта, как считаете нужным.

4. Затем просто скопируйте содержимое в файл main.css.

Сложно найти файл main.css или main.scss для вашей темы. Попробуйте поискать в каталоге темы (который вы видите, используя bundle show theme-name). Для минимальных ошибок это \assets\css\main.scss, так как эта тема использует scss.

Answer 2

Фрагменты устарели.Для тега highlight вы можете рассмотреть возможность использования rouge или, возможно, блоков кода уценки с highlight.js.