LinkSearchMenuExpandDocument
Table of contents

JekyllのLiquidについて

Tag Cloud

タグクラウドの生成

Liquid:

{% assign tags = site.tags | sort %}
<ul>
{% for tag in tags %}
  <li>
    {{ tag | first }} -- {{ tag | last | size }}
  </li>
{% endfor %}
</ul>

Output:

<ul>
  <li>TAG1 -- 2</li>
  <li>TAG2 -- 1</li>
</ul>

Liquid:

{% assign tags = site.tags | sort %}
{% for tag in tags %}
    {{ tag | inspect }}
{% endfor %}

inspectフィルタは、オブジェクトを文字列表現に変換する。

Output:

["TAG1", [
  #<Jekyll::Document _posts/2020-08-13-TAG1-post.md collection=posts>,
  #<Jekyll::Document _posts/2020-07-04-TAG1-post.md collection=posts>
]]
["TAG2", [
  #<Jekyll::Document _posts/2020-08-04-TAG2-post.md collection=posts>
]]

乱数を生成する

{% capture time_seed %}{{ 'now' | date: "%s" }}{% endcapture %}
{% assign random = time_seed | times: 1103515245 | plus: 12345 | divided_by: 65536 | modulo: 32768 | modulo: 10 %}

引用元: This is how I generate random numbers with liquid ;-)(community.shopify.com) [EN]

ファイルの存在を確認

{% for static_file in site.static_files %}
  {% if static_file.path == '/favicon.ico' %}
    {% assign favicon = true %}
  {% endif %}
{% endfor %}

引用元: template - Jekyllを使ってファイルの存在を確認する(Code examples)

ページへのリンク作成

ファイルの元々の拡張子を含める必要がある。

[Link to a document]({% link _collection/name-of-document.md %})

ポストへのリンク作成

ファイルの拡張子を含める必要はない。

[Name of Link]({% post_url 2010-07-21-name-of-post %})

Liquidタグの表示

Liquidタグ自身を表示させたい場合、{% raw %} と {% endraw %}で囲みます。

Back to top


Back to top

Copyright © 2021 Otti

Page last modified: