Перед всеми блогами по программированию стоит проблема подсветки кода, особенно для блогов на бесплатном хостинге. (Хм, интересная мысль - сделать технический блогхостинг.)
Мне также надо было решить такую проблему. Blogger тем хорош, что можно редактировать шаблоны. Почему я и выбрал его. Поэтому особых затруднений по установке скрипта возникнуть не должно.
Для начала решил пошуршать в Google Reader в поисках упоминания о скриптах подсветки. gReader имеет приятную особенность выдавать те посты, которые раньше и в глаза не видывал (например, вышедшие до момента твоей подписки). Вот и на этот раз он меня обрадовал!
Мне удалось выйти на два скрипта: Highlight.js и Code Syntax Highlighter. Возможно есть другие. (Если так, прошу отписать в комментариях.)
Их отличительная особенность - работа на стороне клиента со всеми вытекающими отсюда последствиями. У каждого из скрипта есть свои плюсы и минусы. Я решил остановиться на Highlight.js. Поддержу отечественного производителя! По крайней мере, он прост в настройке и дальнейшем использовании.
Мне понравилась дополнительная фича - экспорт кода! Она дает возможность получить на выходе безопасный html-код, который можно прямиком вставлять в пост. А чтобы в блоге все красиво отображалось, достаточно в шаблоне прописать URL к CSS-стилю. И никаких JavaScript'ов!
Вот пример того, что у меня получилось:
#include <iostream>
using namespace std;
int main()
{
···cout << "Hello World!" << endl;
···return 0;
}Конечно, подсветка далека от совершенства. Думаю свой стиль навоять, близкий к MSVC.
Скачать highlight.js
Скачать syntaxhighlighter
UPD. В данный момент на блоге используется именно SyntaxHighlighter.
0 коммент.: