SyntaxHighlighter: Подсветка кода в блоге

В определённый момент мне захотелось добавить подсветку кода в блог. После непродолжительных поисков я наткнулся на SyntaxHighlighter. Всё что нужно, чтобы использовать его, это...

• Скачать с сайта набор скриптов и таблиц стилей и загрузить их на какой-либо хостинг ИЛИ не скачивать, а воспользоваться бесплатным хостингом проекта.
• Изменить HTML-макет Вашего блога, добавив в тег HEAD библиотеку jQuery, стили и скрипты SyntaxHighlighter. Вариат первый - Вы загрузили всё это на хостинг, тогда указывайте соответствующие пути к файлам на хостинге. Например, для кистей (так называются классы с определённым синтаксисом содержащегося кода) Shell, JavaScript, XML/HTML, SQL:
  

  <script type='text/javascript' src="http://path/to/jquery" /> 
  <link href='http://path/to/SyntaxHighlighter/styles/shCore.css' rel='stylesheet' type='text/css'/>
  <link href='http://path/to/SyntaxHighlighter/styles/shThemeRDark.css' rel='stylesheet' type='text/css'/>
  <script src='http://path/to/SyntaxHighlighter/scripts/shCore.js' type='text/javascript'/>
  <script src='http://path/to/SyntaxHighlighter/scripts/shBrushBash.js' type='text/javascript'/>
  <script src='http://path/to/SyntaxHighlighter/scripts/shBrushJScript.js' type='text/javascript'/>
  <script src='http://path/to/SyntaxHighlighter/scripts/shBrushXml.js' type='text/javascript'/>
  <script src='http://path/to/SyntaxHighlighter/scripts/shBrushSql.js' type='text/javascript'/>
  

  
  Полный список кистей находится здесь.
  
  А вот вариант с использованием бесплатного хостинга проекта:
  

  <script src='http://www.google.com/jsapi' type='text/javascript'/>
  <script type='text/javascript'> google.load('jquery', '1');</script>
  <link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
  <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeRDark.css' rel='stylesheet' type='text/css'/>
  <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
  <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'/>
  <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
  <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
  <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
  

  
  
  За тему расцветки синтаксиса отвечает файл shThemeRDark.css. Если хотите изменить тему расцветки - выберите подходящую из этого списка.
• Нужно добавить запуск SyntaxHighlighter при полной загрузке документа (страницы). Для этого я использую jQuery, тег HEAD и следующий скрипт:
  

  $(document).ready(
  function runSyntaxHighlighter(){
  SyntaxHighlighter.config.bloggerMode = true;
  SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
  SyntaxHighlighter.all();
  }
  );
  

  
  Если Вы пользуетесь не бесплатным хостингом проекта, а своим собственным, то замените путь http://alexgorbatchev.com/pub/sh/current на соответствующий.
• И теперь, чтобы включить для кода подсветку, заключите его в теги:

  <pre class="brush: brushName">ваш код</pre>
  

Всё. :) Есть ещё масса настроек, возможностей и прочего, что я советую прочитать на сайте этого проекта.

ИЗМ: Небольшое изменение в блоге.