Как получить ключ и значение хеша в Jekyll/liquid?

Question

У меня есть страница Джекил со следующей установкой:

--- 
navigation: 
- FOO: foo 
- BAR: bar 
- BAZ: baz 
--- 

<h3> 
    <a name="{{ page.navigation[0][1] }}" class="anchor" 
    href="#{{ page.navigation[0][1] }}"> 
    </a>{{ page.navigation[0][0] }} 
</h3> 

<p>Lorem ipsum dolor sit amet,.</p> 

... 

<h3> 
    <a name="{{ page.navigation[1][1] }}" class="anchor" 
    href="#{{ page.navigation[1][1] }}"> 
    </a>{{ page.navigation[1][0] }} 
</h3> 

<p>Different content ...</p> 

... 

<h3> 
    <a name="{{ page.navigation[2][1] }}" class="anchor" 
    href="#{{ page.navigation[2][1] }}"> 
    </a>{{ page.navigation[2][0] }} 
</h3> 

<p>Another different content ...</p> 

... 

Я пытаюсь использовать key и value каждого элемента навигации в моей вводной части с href ссылки в приведенном выше примере.

Я не могу использовать {% for %} итераций, потому что внутри каждого абзаца есть другое содержание.

Мое желание иметь выход Джекил следующий код:

<h3> 
    <a name="foo" class="anchor" href="#foo"> 
    </a>FOO 
</h3> 

<p>Lorem ipsum dolor sit amet,.</p> 

... 

<h3> 
    <a name="bar" class="anchor" href="#bar"> 
    </a>BAR 
</h3> 

<p>Different content ...</p> 

... 

<h3> 
    <a name="baz" class="anchor" href="#baz"> 
    </a>BAZ 
</h3> 

<p>Another different content</p> 

... 

Любые идеи, как это сделать?

Answer 1

Вы могли деформироваться для цикла вокруг каждой позиции в навигации, как это:

<h3> 
    {% for item in page.navigation[0] %} 
    <a name="{{ item[1] }}" class="anchor" 
     href="#{{ item[1] }}"> 
    </a>{{ item[0] }} 
    {% endfor %} 
</h3> 

<p>Lorem ipsum dolor sit amet,.</p> 

<h3> 
    {% for item in page.navigation[1] %} 
    <a name="{{ item[1] }}" class="anchor" 
     href="#{{ item[1] }}"> 
    </a>{{ item[0] }} 
    {% endfor %} 
    </h3> 

<p>Different content ...</p> 


<h3> 
    {% for item in page.navigation[2] %} 
    <a name="{{ item[1] }}" class="anchor" 
     href="#{{ item[1] }}"> 
    </a>{{ item[0] }} 
    {% endfor %} 
    </h3> 

<p>Another different content</p>