Sintaxe de Código
Para inserir código destacado dentro de uma postagem, basta usar algumas tags específicas, conforme descrito diretamente na documentação do Jekyll. Dessa forma, o código será incluído em uma classe CSS .highlight e será destacado de acordo com o arquivo syntax.scss. Este é o estilo padrão adotado pelo tishahub para destacar o código.
Este é um exemplo de CSS:
1
2
3
4
5
6
7
8
body {
background-color: #fff;
}
h1 {
color: #ffaa33;
font-size: 1.5em;
}
E este é um exemplo de HTML, com um número de linha:
1
2
3
<html>
<a href="examplo.com">Examplo</a>
</html>
Por último, um exemplo em Ruby:
1
2
3
def hello
puts "Ola Mundo!"
end
Codigo embed - Youtube
<div class="video-wrapper">
<div class="plyr__video-embed" id="youtube-player">
<!--7IcGYHU8WBo-->
</div>
</div>
video vimeo
Codigo embed - Vimeo
<div class="video-wrapper">
<div class="plyr__video-embed" id="vimeo-player">
<!--152044992-->
</div>
</div>
