Заміна виделітелей Rouge на Prism.js в Jekyll

За замовчуванням Jekyll 3 постачається з виділенням синтаксису Rouge. Але з деяких причин ти можеш захотіти змінити її на підсвічування синтаксису Prism.js. Prism.js це дуже легка JavaScript бібліотека для забезпечення виділення коду на веб-сайтах. У цій статті Я покажу тобі те, як налаштувати його на Jekyll веб-сайті.

Відключення Rouge - вбудованого підсвічування синтаксису в Jekyll

За замовчуванням Jekyll версії 3, ставиться з підсвічуванням синтаксису від Rouge. З різних причин ви можете захотіти відключити його. Наприклад якщо ви замінили вбудований Rouge на інший плагін підсвічування синтаксису, як Prism.js або на ваш власний кастомний.

Як виправити попередження про Jekyll + GitHub Metadata

Ми можемо налаштувати локальну версію нашого Jekyll GitHub Pages веб-сайту для попереднього перегляду нашого веб-сайту, перш ніж публікувати зміни. Але коли я запускаю jekyll serve команду, він видає таке повідомлення про помилку:

GitHub Metadata: No GitHub API authentication could be found. Some fields may be missing or have incorrect data.

Підсвічування синтаксису коду в Jekyll

Jekyll має вбудовану підтримку підсвічування синтаксису коду для більш ніж 100 мов. Використовуючи підсвічування в шматочках коду на твоєму GitHub Pages вебсайті ти зробиш код більш читаним. У цій статті я покажу те, як ти можеш інтегрувати Rouge в твою Jekyll установку.

Інтеграція кнопки Flatr в веб-сайт на Jekyll

Flattr це безкоштовний і простий спосіб заробити гроші з блогу. Як ви можете бачити мій Jekyll веб-сайт розміщений в Github використовується в основному як блог. Розмістивши маленьку кнопку Flattr в кінці кожного поста в блозі, трохи вище розділу коментарів, Я можу бути впевненим в тому, що відвідувачі мого блогу мають можливість подякувати мене за статтю. У цій статті Я покажу вам, як легко використовувати Flattr, щоб показати кнопку «Дякую» в Jekyll.