Adicionando Código Fonte a Postagens no Blogger

O Blogger é um dos ambientes de hospedagem mais antigos que conheço. Ele é confiável, mas faltam algumas funcionalidades na sua configuração padrão que considero úteis para o tipo de publicação que pretendo fazer. Procurando no Google uma boa opção é SyntaxHighlighter. É um projeto feito em JavaScript, então pode ser adicionado até mesmo em páginas que não estejam hospedadas no Blogger. Entretanto, ao contrário de outros ambientes mais modernos nos quais um plugin pode ser instalado com um clique, no Blogger precisamos de um pouco mais de trabalho, mas nada que seja difícil de fazer. O primeiro passo é ir na página de administração do seu blog, clicar em Modelo e e seguida Editar HTML. Dentro da seção head do HTML, coloque o seguinte trecho:

  <link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>  
  <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>  
  <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>   
  <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js' type='text/javascript'/>   
  <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>   
  <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>   
  <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>   

Em seguida, no final da seção body, coloque o seguinte código:

 <script language='javascript'>  
   SyntaxHighlighter.config.bloggerMode = true;  
   SyntaxHighlighter.all();  
 </script>  

Para colocar um trecho de código em Python, por exemplo, adicione no HTML da sua postagem o seguinte trecho:

 <pre class="brush: python">  
   #!/usr/bin/python  
   import os  
   import sys  
   print sys.path  
 </pre>  

O resultado final, no modelo que utilizo, está abaixo:

    #!/usr/bin/python
    import os
    import sys

    print sys.path

Admito que fiquei um pouco decepcionado. Afinal, a sintaxe não está muito "bonita". Mas pelo menos diferencia o texto, respeita a indexação e fica mais fácil copiar. Uma outra opção, menos automática, é utilizar o CodeFormatter. Talvez o ideal seja uma combinação das duas, de acordo com sua postagem.

---

Post a Comment