Відключення 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.

Стилі за замовчуванням для HTML5 input поля пошуку в Safari і Chrome

Нові input типи HTML5 форм рятують мене від тонни роботи з валідації форм, а також вони допомагають користувачам в заповненні форм (надаючи більше можливостей в браузері, альтернативні розкладки клавіатури і багато іншого). Це працює чудово, але на жаль, браузери Safari і Chrome використовують за замовчуванням свої власні таблиці стилів для цих input полів, так-що ми не можемо стилізувати (додати CSS властивості) пошуковий рядок самостійно. Мені не потрібні ці вбудовані в веб-браузер стилі для мого пошукового рядка input тому, що Я хочу використовувати свої власні CSS властивості для пошукового рядка, так-що після деякого пошуку, Я знайшов рішення.