Como incluir vídeos do youtube no seu blog Jekyll de forma fácil
Publicado há 4 anos por Fernando Moreira.Tempo de leitura: 2 minutos - 321 palavras.Criar plugins para Jekyll é bem simples e fácil, basta criar seu arquivo .rb
dentro do diretório _plugins
.
Hoje vamos usar um plugin bem bacana para incluir vídeos do Youtube no seu blog Jekyll sem precisar copiar e colar o iframe do youtube, apenas usando o ID
do vídeo.
O arquivo youtube.rb
Crie um arquivo chamado youtube.rb
dentro do diretório _plugins
e coloque o código abaixo:
class YouTube < Liquid::Tag
Syntax = /^\s*([^\s]+)(\s+(\d+)\s+(\d+)\s*)?/
def initialize(tagName, markup, tokens)
super
if markup =~ Syntax then
@id = $1
if $2.nil? then
@width = 560
@height = 420
else
@width = $2.to_i
@height = $3.to_i
end
else
raise "No YouTube ID provided in the \"youtube\" tag"
end
end
def render(context)
"<iframe width=\"#{@width}\" height=\"#{@height}\" src=\"http://www.youtube.com/embed/#{@id}?color=white&theme=light\"></iframe>"
end
Liquid::Template.register_tag "youtube", self
end
Exemplo de uso:
Como eu falei logo acima, é bem simples, apenas com uma linha curta você inclui o iframe do youtube no HTML final do Jekyll.
{% youtube 8SbUC-UaAxE %}
Você também pode especificar uma altura e largura do iframe. Se você não usar o padrão é de 560 x 420.
{% youtube 8SbUC-UaAxE 850 460 %}
Conclusão
Bom, na verdade copiar e colar o iframe do Youtube não é tão difícil assim (HUE), mas eu NÃO gosto muito de misturar HTML com Markdown enquanto estou escrevendo um post, mas em alguns casos é necessário.
Então essa foi uma solução bem bacana de incluir o iframe de forma fácil e "sem sangrar" por isso.
Atenção! O Github não suporta nativamente plugins personalizados para Jekyll, então para usar os plugins e hospedar no gh-pages você precisa compilar manualmente o jekyll e subir para seu repositório no Github, para isso você pode usar Rake Tasks ou utilizar integração continua como travis-ci
leia mais em: _[Using jekyll plugins on github pages](http://ixti.net/software/2013/01/28/using-jekyll-plugins-on-github-pages.html)_
Obrigado.
/end