如何在 Eleventy 的 Nunjkucks 模板中组合多个 Markdown 源答案

【问题标题】：How to combine multiple Markdown sources in a Nunjkucks template in Eleventy如何在 Eleventy 的 Nunjkucks 模板中组合多个 Markdown 源
【发布时间】：2020-10-27 20:07:04
【问题描述】：

我在 Eleventy 中使用 Nunjucks 模板。页面布局由一个主要的content 区域和一个aside 组成。我可以将 Markdown 用于内容，但找不到使用 Markdown 的方法。 Markdown 似乎只有一个来源；模板中包含的任何其他来源都必须是 Nunjucks 模板。

index.njk：

  <article>
    {{ content | safe }} 
  </article>
  <aside>
    {% include "aside.md" %}
  </aside>

aside.md：

# Aside.

结果：

<article>
<p>This is the content from the upstream Markdown.</p>
</article>
<aside>
# Aside.
</aside>

除此之外仍然是原始的 Markdown。如何包含已处理的 Markdown？

我是所有这些技术的新手，感觉我缺少一些基本的东西。

【问题讨论】：

在 11ty bug tracker 中讨论了同样的问题，并提出了一些解决方案。 github.com/11ty/eleventy/issues/658
@LeshaOgonkov 这解决了我的问题。
这能回答你的问题吗？ How do I incorporate Multiple Markdown files into a Nunjucks template with Eleventy?

标签： markdown nunjucks eleventy

【解决方案1】：

使用包含或宏！

包含必须放在特定文件夹（_includes - 您可以覆盖此文件夹名称，甚至有子文件夹）：

    {% include 'partials/google-analytics.html' %}
    {% include 'partials/cookie-consent.html' %}
    {% include 'partials/post-sharing.html' %}

或者你可以定义一个宏（它们必须被导入，或者在你使用它们的地方定义）。宏的优点是您可以在调用它们时传入参数，它们作为函数工作...

{% macro paginationLink(active, disabled, href, title) %}    
    <li class="page-item {% if active %} active {% elseif disabled %} disabled {% endif %}">
        {% if disabled %} 
            <span class="page-link">{{ title | safe }}</span>
        {% else %}
            <a class="page-link" href="{{ href | url }}">{{ title | safe }}</a>
        {% endif %}        
    </li>
{% endmacro %}

然后可以轻松调用宏 ^：

{{ paginationLink(false, isFirst, firstPageHref, '<i class="fas fa-angle-double-left"></i>') }}

【讨论】：