Как получить шаблон Eleventy, чтобы он не кодировал теги HTML?

Question

У меня есть файл .md, который перебирает коллекцию тегов:

---
title: The First Page
date: Created
tags: 
    - home
    - flashcards
    - info
    - other
---

## {{ title }}

**Publish Date:** {{ page.date }}

This is the index page now.

<ul>
    {% for item in tags %}
    <li>{{ item }}</li>
    {% endfor %}
</ul>

Но когда я запускаю его (eleventy --serve), он кодирует теги HTML:

Как получить, чтобы он не кодировал теги HTML?

Answer 1

Ваши теги отображаются как блок кода. Осмотрите элемент, и вы заметите, что он отображается как текст внутри тега <code>, который впоследствии находится внутри тега <pre>.

Это происходит потому, что вы отступили ваши строки <li> с помощью четыре пробела, которые markdown-it (анализатор разметки Elevent по умолчанию) воспринимается как блок кода, как это spe CommonMark's spe c.

У вас есть два способа Вы можете решить это. Один из них - сохранить код таким же и использовать для отступа меньшее количество пробелов:

<ul>
  {% for item in tags %}
  <li>{{ item }}</li>
  {% endfor %}
</ul>

Но это файл уценки, поэтому вы можете упростить его, написав уценку.

{% for item in tags %}
- {{ item }}
{% endfor %}