Подсветка кодов в блоге на основе 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 (перед тегом).

<script type="text/javascript" src="highlight.js"></script><script type="text/javascript">hljs.initHighlightingOnLoad(); </script>


Для уменьшения времени загрузки можно ограничить автоопределение языков списком используемых языков:

<script src="highlight.js" type="text/javascript"> </script><br /> <script type="text/javascript"> hljs.initHighlightingOnLoad('html', 'css'); </script>


Полный список классов для разных языков приведен в readme.rus.txt.
Для определения цветов подсветки используйте следующий код:

<style> .comment { color: gray; } .keyword { font-weight: bold; } .python .string { color: blue; } .html .atribute .value { color: green; } </style>

разместите его перед закрывающим тегом head.

Использование

В тексте статьи для подсветки синтаксиса исходного кода используйте следующую конструкцию:

...

для принудительного использования подсветки конкретного языка или для отказа от подсветки используйте параметр class тега code:

...

...