Eu tenho um blog gerenciado pelo Tumblr , no qual publico muitas postagens relacionadas ao Python. Como faço para que os trechos de Python nas minhas postagens sejam mostrados com código de cores?
Eu tenho um blog gerenciado pelo Tumblr , no qual publico muitas postagens relacionadas ao Python. Como faço para que os trechos de Python nas minhas postagens sejam mostrados com código de cores?
Respostas:
Se você tiver muitos, eu diria que vá para o google-code-prettify .
Tudo que você precisa fazer é incluir javascript, css e pronto.
Veja alguns exemplos e aqui está a configuração:
- Faça o download de uma distribuição
- Inclua o script e as folhas de estilo em seu documento (você precisará garantir que os arquivos css e js estejam no servidor e ajustar os caminhos no script e na tag de link)
<link href="prettify.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="prettify.js"></script>
- Adicione onload = "prettyPrint ()" à etiqueta do corpo do seu documento.
- Modifique a folha de estilo para obter a coloração preferida
Você pode usar o hilite.me
O hilite.me converte seus trechos de código em um formato HTML bem impresso, facilmente incorporado em postagens em blogs, e-mails e sites.
Basta copiar o código-fonte no painel esquerdo, selecionar o idioma e o esquema de cores e clicar em "Destaque!". O HTML no painel direito agora pode ser colado no seu blog ou email, nenhum arquivo CSS ou Javascript externo é necessário.
Eu uso a essência do Github para fazer isso. Cole e crie a essência e, em seguida, você poderá incorporá-las em qualquer página da Web, incluindo o Tumblr.
script
elementos - o Tumblr escapa deles, mesmo se você usar o modo HTML. Alguma ideia?
code
tags com um específicoclass
, o que não é bom se você estiver usando a sintaxe do Markdown. Felizmente, não é um problema fazê-lo usando JS no carregamento da página.