JekyllのLiquidテンプレートのエスケープ

Jekyllで記事を書いていると{{ site.url }}のようなLiquidテンプレートを使います。 これのエスケープ(その意味を無効化させること)について調べました。

環境

  • OS X El Capitan バージョン 10.11.2
  • Jekyll バージョン 2.4.0

Liquid?

Liquid is a template engine which was crafted for very specific requirements

Home · Shopify/liquid Wiki · GitHub

JekyllのLiquidテンプレートのエスケープ

Raw temporarily disables tag processing. This is useful for generating content (eg, Mustache, Handlebars) which uses conflicting syntax.

{% raw %}
  In Handlebars, {{ this }} will be HTML-escaped, but {{{ that }}} will not.
{% endraw %}

Liquid for Designers · Shopify/liquid Wiki · GitHub

エスケープするには{% raw %}{% endraw %}で囲みます。 ここでは{% raw %}をさらにエスケープしなくてもいいように%を全角にしています。

{% raw %}{{ site.url }}{% endraw %}

終わり

普通に記事を書くにはあまり使うことはないと思うけど、Jekyllのことを書こうとすると使うことになる・・

参考