Про раскраску кода

Posted by dobrych Thu, 19 Oct 2006 22:10:00 GMT

Вот нашлось еще одно решение как раскрасить код.

Pygments поддерживает большое кол-во языков:

  • Boo
  • BrainFuck
  • C, C++
  • C#
  • Delphi
  • Java
  • JavaScript
  • Lua
  • PHP
  • Perl
  • Python (incl. console sessions)
  • Ruby (incl. irb sessions)
  • Visual Basic.NET
  • CSS
  • Diff files
  • HTML
  • INI-style config files
  • IRC logs (irssi style)
  • Makefiles
  • SQL
  • TeX
  • XML
  • Django/Jinja templates
  • Smarty templates
  • ERB (ruby templating)

Работает только на Python. Поэтому использовать его нужно или через командную строку или встраивать в двжиок сайта (если он на Python).

Вот еще одна причина побыстрее переводить свой блог на Python :-)

How-to: highlight.js в связке с typo

Posted by dobrych Sun, 17 Sep 2006 21:00:00 GMT

Вот увидел у Ивана новую наработку его, решил прикрутить попробывать. А чтоб кто захочет могли прикрутить и себе пишу как сделать. Прикручивал для rails блог-движка typo.

Немного попарился из-за кеширования, но это мелочи. Вот что получилось:


.string { color: #800; }
.comment { color: #888; }
.keyword { font-weight: bold; }
.function .title, .class .title { color: #800; font-weight:bold; }
.tag .attribute .value, .css .rules .value { color: #800; }
.css .id { font-weight: bold; }
.number { color: #080; }
.phpdoc { font-weight: bold; }

Это получился код для подсветки синтаксиса. Я его сделал отдельным css-файлом.

Итак по порядку:

  1. качаем по ссылке выше архив со скриптиком;
  2. заливаем его в public/javascripts/;
  3. делаем файл с настройками css и ложим его в директорию со стилем (темой) блога themes/<название темы>/stylesheets/code.css;
  4. подключаем всё это дело в темплейты в themes/<название темы>/layouts/default.rhtml, код смотрте ниже;
  5. меняем тему на любую другую и обратно (простая очистка кеша почему-то не помогала);

Код для вставки в темплейт:


<%= stylesheet_link_tag '/stylesheets/theme/code.css', :media => 'all' %>
<%= javascript_include_tag "highlight" %>

<script type="text/javascript">
  window.onload = function(){initHighlighting();}
</script>

Вот в принципе и всё.