пятница, 4 февраля 2011 г.

Подсветка синтаксиса в блоге на Blogger.com

Здесь описан способ, по которому вы можете добавить подсветку кода в Blogger (сайт автора).


Для этого надо:
Залогиниться в аккаунт вашего блога, выбрать вкладку "Дизайн" ("Layout"), а затем вкладку "Изменить HTML" ("Edit HTML").
Кликнуть по ссылке "Загрузить весь шаблон" ("Download Full Template"), чтобы сохранить резервную копию шаблона (файл xml).
Открыть файл в редакторе и найти закрывающий тег </head>. После тега добавьте следующее:
<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/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
<!-- add brushes here -->
<script type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>
После комментария "add brushes here" добавьте языки, которые вы планируете использовать. Для примера я использую подстветку для Javascript, Bash, Java, XML/HTML,:

<!-- add brushes here -->
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.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/shBrushJava.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
Полный список поддерживаемых подсветок синтаксиса можно посмотреть здесь.

Сохраните ваш измененный шаблон, и загрузите его в Blogger (опять "Дизайн" ("Layout") -> "Изменить HTML" ("Edit HTML")).
Теперь вы можете добавить подсветку синтаксиса в ваш блог. Обрамите свой код тегом <pre> и определите стиль. Для примера вот так указываем подсветку блока с кодом Java:
<pre class="brush:java">
public class SomeClass {
  public final static String str = "someString";
}
</pre>

Cтоит отметить, что "Просмотр" Blogger'a не показывает форматирование. Вам нужно опубликовать сообщение, чтобы увидеть результат.

1 комментарий:

  1. Огромное вам спасибо! Сделал, и все сразу заработало! )))

    ОтветитьУдалить

Ярлыки

java (31) оптимизация (7) CPanel (5) svn (5) windows xp (5) ошибка (5) свой сервер (5) файлы и папки (5) gui (4) регулярные выражения (4) jacoco (3) redmine (3) windows (3) автоматизация (3) защита данных (3) резервное копирование (3) сервер (3) JavaScript (2) Oracle SQL (2) adsl модем (2) apache maven (2) apache tomcat (2) coverage (2) dropbox (2) excel (2) firewall (2) netbeans (2) office 2007 (2) samsung (2) system tray (системный трей) (2) xerox (2) вирусы (2) принтер (2) сериализация (2) удаленный рабочий стол (2) HTML (1) JFileChooser (1) MySQL (1) Nokia (1) Ovi (1) P660R-T1 (1) WakeOnLan (1) blogger.com (1) ctfmon.exe (1) email (1) flash память (1) ftp (1) integration testing (1) ip (1) jQuery (1) jvisualWm (1) log4j (1) look and feel (1) myBatis (1) php (1) serialVersionUID (1) skype (1) smtp (1) ssh (1) swing (1) torrents (1) unit-testing (1) unix (1) vpn (1) windows 7 (1) xStarter (1) zip (1) безопасность (1) вход в систему (1) дизайн (1) документация (1) заправка (1) интернет (1) логирование (1) мышь (1) патч (1) перенос (1) печать (1) плагины (1) почтовые сообщения (1) программирование (1) процессы (1) прошивка (1) сеть (1) сеть. ошибка (1) скрытые файлы (1) списки (1) фильтрация (1) фокус (1) часовые пояса (1) шифрование (1) экран (1)