Реформа этого блога

Thu, 02 May 2013 12:53:36 +0200

Только дурак не меняет в жизни своего мнения.
Ответы mail.ru

Решил подправить формат блога. И так понятно, что заметки, которые попадают в ленту имеют слишком уж большой разлет по тематике: программирование (клиентское и серверное), психология, обучение. Еще больший разлет имели заметки, не попавшие в основную ленту (и умершие при чистке черновиков).

Вариант, как сделать блог более узконаправленным — вынести нетехнические посты в отдельный блог. Но вот фиг, теперь любая заинтересовавшая меня тема будет описана в общем потоке постов. Кому не нравится или неудобно – учитесь пользоваться тегами.

Планируются посты:

Про изучаемые технологии и получаемые навыки. В идеале – каждодневные записи про проблемы и решения, с которыми я столкнулся. Основные задачи постов – сохранить информацию в анналах, сформулировать своими словами то, что мне показалось понятным, тем самым проверив уровень своего понимания. Еще хотелось бы показать, новичкам особенно, что редко что получается с первого раза, и успеху предшествует ряд неудач и провалов.
Про мысли, соображения и наблюдения к программированию не относящиеся. Основная их задача — получить отзыв от вас, мои читатели, вступить в дискус для проверки крепкости моих доводов.
Остальная чехарда, которую я сейчас не вспомню, и у которой тоже будут цели и все такое.

Все, ушел удалять черновики, и заводить новые.

Подсветка кода в эгее с помощью highlight.js

Thu, 21 Feb 2013 20:41:13 +0200

На демо странице highlight.js подбираем понравивщуюся тему оформления. Допустим, приглянулась гитхабовская тема.

В браузере открываем http://yandex.st/highlightjs/7.3/styles/github.min.css. Убеждаемся, что файл с темой есть, и мы не ошиблись в названии темы.

В папке с эгеей по пути user/extras/ создаем файл footer-post.tmpl.php. Подробнее – в документации.

Добавляем в файл код

&lt;link rel=&quot;stylesheet&quot; href=&quot;//yandex.st/highlightjs/7.3/styles/github.min.css&quot;&gt;
&lt;script src=&quot;//yandex.st/highlightjs/7.3/styles/github.min.css&quot;&gt;&lt;/script&gt;
&lt;script&gt;
	hljs.tabReplace = '    ';
	hljs.initHighlightingOnLoad();
&lt;/script&gt;

hljs.tabReplace нужен для того, чтобы табуляции в коде заменялись на пробелы. Так как я часто копирую из редактора, данная опция приятна.

Форматер стратей — Нисден. Он понимает html код, так что тело вставляемого кода выглядит примерно так:

так что тело вставляемого кода выглядит примерно так:
&lt;pre&gt;&lt;code&gt;
так что тело вставляемого кода выглядит примерно так:
...
&lt;/code&gt;&lt;/pre&gt;

Теперь код в постах будет подсвечиваться.

Одно из больших преимуществ highlight.js, это то, что не обязательно указывать язык, который необходимо подсветить. highlight.js сам определяет на каком языке написан исходный код. Хотя можно явно указывать на каком языке написан исходный код, добавляя class к тегу pre.

Второй плюс — хостинг скриптов и стилей на яндексе.

Спасибо Илье Бирману за прекрасный движок блога и Ивану Сагалаеву за не менее прекрасный раскрашиватель исходного кода.

Dmitry Podgorniy, posts tagged: блог

Реформа этого блога

Подсветка кода в эгее с помощью highlight.js