четверг, 23 июня 2011 г.

Оформление исходного кода в статьях на blogger.com

Опять же чтоб не забыть и не потерять )
При написании предыдущей заметки столкнулся с тем, что движок blogger.com не поддерживает должного оформления листингов исходного кода в статьях. Удивительно конечно, ну да ничего не поделаешь. Тем более, что решение нашлось очень быстро.

Во-первых, необходимо внести небольшие изменения в шаблон блога. Заходим в "Дизайн" -> "Изменить HTML" и в коде шаблона, после тега <head>, вставляем следующий код.
<script src='http://yandex.st/highlightjs/6.0/highlight.min.js'/>
<script type='text/javascript'>
initHighlightingOnLoad();
</script>
<link href='http://yandex.st/highlightjs/6.0/styles/default.min.css' rel='stylesheet'/>
<style>
pre&gt;code {
width: 100%; 
overflow: auto;
}
</style>
Данный код обеспечивает автоматическое распознавание языка и стиль подсветки синтаксиса по умолчанию.

Во-вторых, необходимо скачать библиотеку highlight, запустить файл export.html и подготовить свой код для вставки в статью блога. Вставку производить в режиме "Изменить HTML".

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

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