SyntaxHighlighter #1 - Sobre

SyntaxHighlighter é uma ferramenta que permite formatar texto para uma sintaxe definida de modo a facilitar a leitura e organização do texto. Muito usada por blogs de tecnologia, onde se faz necessário escrever trechos de códigos em diferente linguagens de programação e fazer marcações para facilitar a explicação do trecho de código.

Em resumo é esse carinha aqui:

public class Fibonacci {
 
    static long fibo(int n) {
        if (n < 2) {
            return n;
        } else {
            return fibo(n - 1) + fibo(n - 2);
        }
    }
 
    public static void main(String[] args) {   
 
    // Imprime os 20 primeiros termos       
    for (int i = 0; i < 20; i++) {
            System.out.print("(" + i + "):" + Fibonacci.fibo(i) + "\t");
        }
    }
}

As ferramentas mais conhecidas para este fim são:

• Syntax Highlight;
• Highlight;
• Prism.

E aqui no blog nos utilizamos o SyntaxHighlighter (vamos chamar se SHL), sem nenhum motivo em particular, tínhamos que escolher um e o SyntaxHighlighter possui maior quantidade de usuários o que facilita resolver problemas que venham a acontecer.

Mas essa ferramenta não é nativa do blogspot é necessário uma configuração.

Precisamos adicionar aquivos .css e .js para que o SHL funcione, além de adicionar uma marcação no texto para ser interpretado e formatado para a linguagem escolhida.

Para obter o resultado apresentando no inicio do post precisamos adicionar a marcação no corpo do nosso texto:

// o código que será formatado aqui

Nos próximos post eu vou ensinar onde conseguir os arquivos necessários para a configuração, como integra-lo ao seu blog, as linguagens que o SHL trabalha e alguns macetes rs

Até a próxima!