Escape de tags de template Liquid em postagens do Jekyll

Ao escrever o artigo, “Adicionando a data da última modificação do post no Jekyll”, passei um sufoco, rsrs…tentando adicionar as tags Liquid como um snippet de código. Isso porque O Jekyll normalmente interpreta tags Liquid em postagens mesmo que estejam em bloco de código.

Depois de algumas pesquisas, encontrei dois métodos simples para escapar das tags Liquid nas postagens do Jekyll. Eu tentei os dois e ambos funcionam no meu blog, incluindo este post.

Solução 1

se envolvermos qualquer coisa em postagens com tags {% raw %} e {% endraw %}, elas escaparão da formatação no Jekyll.

Se quisermos exibir uma tag líquida como uma palavra em um parágrafo, queremos envolver nossa tag líquida com as tags {% raw %} e {% endraw %}.

Por exemplo, o markdown {% raw %}{% page.date }}{% endraw %} é convertido em {% page.date }} na saída HTML.

Se quisermos exibir uma tag líquida como uma extensão de código em um parágrafo, além disso, queremos envolver nossa tag líquida com aspas de crase (`).

Considere o mesmo exemplo, o markdown {% raw %}{% page.date }}{% endraw %} é convertido em {% page.date }} HTML.

Podemos usar esse mesmo método de escape para tags Liquid em blocos de código. Mas se nosso bloco de código tiver qualquer outra tag de idioma (especialmente HTML), queremos usar o destaque de sintaxe para essas tags de idioma com e tags como no exemplo abaixo.

{% highlight html %}{% raw %}
\\seu bloco de código com tags Liquid e ou HTML devem vir vem aqui
{% endraw %}{% endhighlight %}

Solução 2

Também encontro uma resposta de estouro de pilha sobre esse problema. Ele usa um método diferente, escapando de caracteres de marcação líquida.

Digamos que queremos exibir {% hello %}, então temos que digitar {{ “{%” }} hello %} e se quisermos exibir {{ hello }}, então temos que digitar {{ “{{“ }} hello }}.

Da próxima vez, quando você quiser exibir trechos de código com tag Liquid em seu blog Jekyll, use essas dicas e crie lindos trechos de código em seu blog Jekyll.

📢 Quer ficar por dentro de todas as novidades do nosso blog? Não perca os últimos artigos, dicas valiosas e informações relevantes!

Junte-se a nós nas redes sociais para receber em primeira mão:

• Artigos exclusivos;
• Dicas práticas;
• Ofertas especiais e descontos exclusivos para nossos seguidores.

Não vamos inundar sua caixa de entrada com newsletters! Simplesmente nos siga em uma de nossas redes sociais para garantir que você não perca nenhum conteúdo interessante. Estamos ansiosos para tê-lo(a) conosco! 🚀