Ho un blog gestito da Tumblr , sul quale inserisco molti post relativi a Python. Come faccio a mostrare i frammenti di Python nei miei post con codice colore?
Ho un blog gestito da Tumblr , sul quale inserisco molti post relativi a Python. Come faccio a mostrare i frammenti di Python nei miei post con codice colore?
Risposte:
Se ne hai troppi, direi vai a google-code-prettify .
Tutto quello che devi fare è includere javascript, css e il gioco è fatto.
Guarda alcuni esempi ed ecco la configurazione:
- Scarica una distribuzione
- Includi lo script e i fogli di stile nel tuo documento (dovrai assicurarti che i file css e js siano sul tuo server e regolare i percorsi nel tag script e link)
<link href="prettify.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="prettify.js"></script>
- Aggiungi onload = "prettyPrint ()" al tag body del tuo documento.
- Modifica il foglio di stile per ottenere la colorazione che preferisci
Puoi usare hilite.me
hilite.me converte i frammenti di codice in formato HTML piuttosto stampato, facilmente integrabile in post di blog, e-mail e siti Web.
Basta copiare il codice sorgente nel riquadro a sinistra, selezionare la lingua e la combinazione di colori e fare clic su "Evidenzia!". L'HTML dal riquadro di destra ora può essere incollato sul tuo blog o e-mail, non sono necessari file CSS o Javascript esterni.
Uso l' essenza di Github per fare questo. Incolla e crea l'essenza e puoi quindi incorporarli in qualsiasi pagina web incluso tumblr.
script
elementi: Tumblr sfugge a questi, anche se usi la modalità HTML. Qualche idea?
code
tag con uno specificoclass
, il che non è carino se stai usando la sintassi Markdown. Fortunatamente, non è un problema farlo usando JS al caricamento della pagina.