Pensei em futuramente escrever algumas postagens sobre programação, e como todos sabem isso envolve colocar códigos fontes na página.
Como realizei anteriormente algumas postagens assim, a primeira coisa que pensei foi em destacar os códigos, para isso me lembrei de uma biblioteca em javascript que eu havia utilizado anteriormente, o highlith.js, que detecta e destaca os trechos de código.
Para usá-lo, bastou linkar os arquivos css e javascript via cdn. Ficou assim:
<link rel="stylesheet"
href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
Na postagem, para destacar o código basta colocá-lo com a tag code usando a linguagem como classe, desta forma:
<pre><code class="html">
<p>Código html</p>
</code></pre>
Fácil, não é? Essa era a postagem de hoje. Para saber mais sobre o highlight.js, basta acessar a página principal do projeto, clicando aqui!