Come posso mostrare frammenti di Python con codice colore nel mio blog Tumblr


21

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:


14

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:

  1. Scarica una distribuzione
  2. 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>
  3. Aggiungi onload = "prettyPrint ()" al tag body del tuo documento.
  4. Modifica il foglio di stile per ottenere la colorazione che preferisci

L'unico problema che ho avuto con questo metodo è che si aspetta che tu contrassegni i tuoi codetag con uno specifico class, il che non è carino se stai usando la sintassi Markdown. Fortunatamente, non è un problema farlo usando JS al caricamento della pagina.
Mladen Jablanović,

8

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.

7

Uso l' essenza di Github per fare questo. Incolla e crea l'essenza e puoi quindi incorporarli in qualsiasi pagina web incluso tumblr.


C'è un problema qui, ha bisogno di JS, quindi se un utente non lo ha attivato, o se un utente è un bot di ricerca, il tuo codice rimane invisibile.
Mladen Jablanović,

Vorrei poter votare questo più di una volta. @ MladenJablanović Al giorno d'oggi non è possibile utilizzare la maggior parte del Web senza JavaScript. Penso che non sia davvero un problema.
Ottaviano A. Damiano,

Puoi fornire maggiori dettagli su come farlo? L'ho appena provato e Gist rende l'incorporamento come scriptelementi: Tumblr sfugge a questi, anche se usi la modalità HTML. Qualche idea?
cottsak,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.