вторник, 2 ноября 2010 г.

Подсветка синтаксиса на blogspot.com

Для подсветки будем использовать highlight.js Хорошая библиотека, которой можно воспользоваться на blogspot.com Её преимущество, как я считаю, в том что свежая версия хостится на Яндексе, а следовательно подключить библиотеку, - пара пустяков.

Идём на страницу Дизайн -> Изменить HTML и добавляем в любое подходящее место между тэгами <head>...</head> следующие строчки:
<link href='http://yandex.st/highlightjs/5.14/styles/zenburn.css' rel='stylesheet'/>
<script src='http://yandex.st/highlightjs/5.14/highlight.min.js'/>
<script type='text/javascript'> hljs.initHighlightingOnLoad(); </script>
Всё очень просто, три строчки:
  1. Стиль (остальные смотреть в исходном коде дэмки highlight.js)
  2. Базовый пакет. Содержит основные используемые языки: HTML/XML, Javascript, CSS, PHP, Ruby, Perl, Python, C++, C#, Java, SQL, Bash.
  3. Инициализация библиотеки.

Чтобы пользоваться, нужно взять необходимый кусок кода в тэги
<pre><code class="html"> ... </code></pre>
Автор: на
Ярлыки:

Комментариев нет:

Отправить комментарий

Подписаться на: Комментарии к сообщению (Atom)