livedev.org

Обновился vim-овский файл синтаксиса для django. смотреть на vim.org

• новую систему комментариев {# greeting #}
• улучшили подсветку ошибок, например {{ variable %} будет подсвечено как ошибка

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

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 :-)

Вот увидел у Ивана новую наработку его, решил прикрутить попробывать. А чтоб кто захочет могли прикрутить и себе пишу как сделать. Прикручивал для 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>

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