Powered By Blogger

quarta-feira, 3 de junho de 2009

Syntax Highlighting para código ruby no blogger

Só para que eu não esqueça vou anotar aqui como é feito o Syntax Highlighting

  1. Instalar a gem syntax

    gem install syntax



  2. Adicionar o CSS abaixo ao código html da página do blogger:


    pre {
    background-color: #f1f1f3;
    color: #112;
    padding: 5px;
    font-family:"bitstream vera sans mono",monaco,"lucida console","courier new",courier,serif;
    font-size: 0.9em;
    overflow: auto;
    margin: 4px 0px;
    width: 95%;
    }



    /* Syntax highlighting */
    pre .normal {}
    pre .comment { color: #005; font-style: italic; }
    pre .keyword { color: #A00; font-weight: bold; }
    pre .method { color: #077; }
    pre .class { color: #074; }
    pre .module { color: #050; }
    pre .punct { color: #447; font-weight: bold; }
    pre .symbol { color: #099; }
    pre .string { color: #944; background: #FFE; }
    pre .char { color: #F07; }
    pre .ident { color: #004; }
    pre .constant { color: #07F; }
    pre .regex { color: #B66; background: #FEF; }
    pre .number { color: #F99; }
    pre .attribute { color: #5bb; }
    pre .global { color: #7FB; }
    pre .expr { color: #227; }
    pre .escape { color: #277; }


  3. Verificar se as variáveis de ambiente GEM_HOME e RUBYOPT estão corretas

    export GEM_HOME=/usr/lib/ruby/gems/1.8/
    export RUBYOPT=rubygems


  4. Executar o script

  5. require 'syntax/convertors/html'

    convertor = Syntax::Convertors::HTML.for_syntax "ruby"
    html = convertor.convert( File.read( "program.rb" ) )

    puts html




Links
(CSS) => http://rails.brentsowers.com/2007/12/formatting-ruby-and-html-code-for-blog.html

(Documentação da GEM syntax) => http://syntax.rubyforge.org/chapter-1.html

Nenhum comentário:

Postar um comentário