Como mostrar trechos de Python com código de cores no meu blog do Tumblr


21

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:


14

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:

  1. Faça o download de uma distribuição
  2. 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>
  3. Adicione onload = "prettyPrint ()" à etiqueta do corpo do seu documento.
  4. Modifique a folha de estilo para obter a coloração preferida

O único problema que tive com esse método é que ele espera que você marque suas codetags com um específico class, 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.
Mladen Jablanović

8

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.

7

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.


Há um problema aqui, ele precisa de JS; portanto, se um usuário não o tiver ativado, ou se um usuário for um bot de pesquisa, seu código permanecerá invisível.
Mladen Jablanović

Eu gostaria de poder votar isso mais de uma vez. @ MladenJablanović Atualmente, você não pode usar a maioria da web sem JavaScript. Eu acho que isso não é realmente um problema.
Octavian A. Damiean

Você pode dar mais detalhes sobre como fazer isso? Eu apenas tentei e o Gist renderiza a incorporação como scriptelementos - o Tumblr escapa deles, mesmo se você usar o modo HTML. Alguma ideia?
cottsak
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.