Evidenziare il codice nella pagina web

In questo breve articolo, vediamo come fare per inserire dei pezzetti di codice 'formattati con colori originali' all'interno delle nostre pagine web. Per farlo, basandomi come base su un sito web , costruito con Django e utilizzando linguaggio Markdown, utilizzo un modulo di django: django-pygments, plugin implementato su base di pygments. In cosa consiste vi starete chiedendo? Semplice, pygments permette di formattare del codice, come se fossimo all'interno di un software di programmazione, quindi evidenziandomi colori, metodi ecc. Pygments supporta oltre 300 linguaggi, per la lista dei linguaggi supportati [cliccare qui.](http://pygments.org/languages/ "Pygments - Linguaggi supportati") Per procedere basta seguire questi semplici passi: 1. Installo i pacchetti:

pip install pygments    
pip install django-pygments

2. Inserisco il pacchetto installato nelle app di django ( file settings.py):

import os
INSTALLED_APPS = (
    . . . .
    . . . .
    'django_pygments',    
)    

3. Mi sposto tramite terminale nella cartella dove sono presenti i miei file css:

pygmentize -S vs -f html > vs.css 

4. Inserisco i tag all'interno del template base del mio progetto Django:

{% load pygmentify %}    
{% pygment %}    
{% endpygment %} (alla fine del blocco)

5. Inserisco il seguente tag , sostituendo il linguaggio in base al linguaggio che dovrò formattare:

    
    

Esempio:    

#include
int main()
{
    printf("Hello World");
    return 0;
}


Per aggiungere ulteriori temi, [cliccare qui](http://richleland.github.io/pygments-css/ "Ulteroiri temi pygments"), quindi copiare i temi nella cartella insieme agli altri css e aggiungere prima di ogni riga il termine .highlight
Per avere un'idea di quello che saranno i temi una volta applicati [cliccare qui](http://richleland.github.io/pygments-css/ "Esempio temi applicati").