Подсветка кодов в блоге на основе highlight.js
highlight.js – подсветка синтаксиса в примерах кода в блогах, форумах и вообще на любых веб-страницах. Пользоваться им очень просто, потому что работает он автоматически: сам находит блоки кода, сам определяет язык, сам подсвечивает.
Поддерживается подсветка следующих языков:
- Python
- Ruby
- Perl
- PHP
- XML
- HTML
- CSS
- Django
- Javascript
- VBScript
- Delphi
- Java
- C++
- Lisp
- RenderMan (RSL и RIB)
- Maya Embedded Language
- SQL
- SmallTalk
- Axapta
- 1С
- Ini
- Diff
- DOS .bat
- Bash
Инструкция по установке
WordPress – для установки highlight.js в WordPress в комплекте поставки есть соответствующий плагин.Для установки плагина надо скопировать всю директорию с файлами highlight.js в директорию плагинов WordPress. После этого в панели плагинов его можно будет включать и отключать. В меню Options также добавляется страничка highlight.js, где можно настраивать список языков и CSS-стили.
Blogger – для установки highlight.js в Blogger (XML тема) необходимо вставить следующий код, где-нибудь в районе закрывающего тега body (перед тегом).
Для уменьшения времени загрузки можно ограничить автоопределение языков списком используемых языков:
Полный список классов для разных языков приведен в readme.rus.txt.
Для определения цветов подсветки используйте следующий код:
разместите его перед закрывающим тегом head.
Использование
В тексте статьи для подсветки синтаксиса исходного кода используйте следующую конструкцию:
...
для принудительного использования подсветки конкретного языка или для отказа от подсветки используйте параметр class тега code:
...
...
