domingo, 11 de janeiro de 2009

Usando o vim para formatar código em blogs.

O vim tem um plugin que permite converter texto em um buffer para html. O html gerado usa as mesmas cores do colorscheme corrente do vim.
O plugin chama-se TOhtml.
Use:
:h TOhtml
para ver a sua documentação.

Antes de usa-lo configure (coloque no vimrc se quiser) para que o html gere CSS:
:set html_use_css = 1

Com o texto em uma janela digite:
:TOhtml

Será aberta uma janela com o html do código.

Faça só uma vez ou caso queira usar um novo colorscheme
Localize o estilo dentro do arquivo html e copie-o exceto o elemento body:
<style type="text/css">
<!--
.Operator { color: #f0efd0; }
.Type { color: #dfdfbf; font-weight: bold; }
.Delimiter { color: #8f8f8f; }
.Special { color: #cfbfaf; }
.PreProc { color: #ffcfaf; font-weight: bold; }
.Comment { color: #7f9f7f; font-style: italic; }
.Statement { color: #e3ceab; }
pre { font-family: monospace; color: #dcdccc; background-color: #3f3f3f; }
body { font-family: monospace; color: #dcdccc; background-color: #3f3f3f; }
.lnr { color: #9fafaf; background-color: #262626; }
-->
</style>
Vá para a página de modelo do Blogger :
Personalizar - Layout - Editar HTML
Dentro da tag Head cole o estilo.
Altere o elemento 'pre' para que crie uma barra de rolagem horizontal quando o post de um código exceder o limite do box:
pre {font-...; overflow:auto; }

A cada código a ser formatado:
Vá no html gerado pelo vim, selecione (use seleçao visual - v) e copie o trecho do código (incluindo as tags pre).
Cole na postagem (Editar HTML).
O código irá aparecer colorido como no vim.

0 comentários:

Postar um comentário