неадекватный блог

11 янв. 2009 г.

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

Прикрутил подсветку синтаксиса. Всё оказалось гораздо проще, чем можно было подумать.

  • Качаем Highlight.js и выкладываем куда-нибудь на хостинг
  • Заходим в настройку макета, туда где меняют HTML
  • Где-нибудь внутри тэга head добавляем следующий код:
    
    <script type="text/javascript" src="highlight.js"></script>
    <script type="text/javascript">
      hljs.initHighlightingOnLoad();
    </script>
    <link rel="stylesheet" href="ascetic.css">
    
    
  • Не забываем исправить пути к файлу highlight.js и файлу стилей
  • Добавляем в блог пост с кодом, предварительно поместив его в <pre><code> </code></pre>
  • Наслаждаемся полученным результатом ;)

UPD: Теперь highlight.js хостится на Яндексе.

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

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