/ DICAS

Adicionando syntax highlighting ao Hugo

Atualmente eu tenho utilizado o Hugo para escrever meu site. Hugo para quem não sabe é um gerador de sites estáticos e eu gosto bastante dessa forma de escrever um site, principalmente por manter os posts em texto puro com Markdown, dentre outras vantagens, como hospedar meu site no próprio Github.

Mas vamos deixar de conversa. Em outro artigo eu falo mais sobre minha experiência com sistes estáticos.

Adicionar syntax highlighting é muito simples

Em seu arquivo config.toml basta acrescentar essas duas linhas:

PygmentsCodeFences = true
PygmentsStyle = "monokai"

Note que na segunda linha estamos indicando o tema/estilo que será apresentado. Você pode escolher entre vários estilos e optar pelo que fique melhor em seu site.

Você encontra uma lista com exemplos aqui: https://help.farbox.com/pygments.html

Veja também uma lista de linguagens suportadas: http://pygments.org/languages/

Utilizando em seus posts

Para que funcione você simplesmente marca em seu arquivo markdown onde existe um trecho de código e a linguagem que está utilizando, como visto abaixo:

	```js
	// seu código
	```

Referências

Pygments - Página Oficial

lucianobragaweb

Luciano Braga

Hi there, I'm Luciano Braga and I'm a Full Stack Developer and student of Computer Science. I use this website to post about code, web technologies and others things as algorithms for sample. You can see my projects on GitHub.

Read More