如何解析多个div中的markdown

Question

我将 Jekyll 与 bootstrap-4 一起使用，并尝试在手风琴视图中呈现代码，但我无法让 Jekyll 在 div 中呈现降价。

我试图将 markdown="1" 标志添加到所有 "upper" div，但它没有解析它。

我希望看到工作的简单示例：

<div id="accordion">
  <div class="card">
    <div class="card-header" id="headingOne">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
              Collapsible Group Item #1
            </button>
      </h5>
    </div>

    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
      <div class="card-body">
        ## first card with markdown ```swift let code: bool = true ```
      </div>
    </div>
  </div>
  <div class="card">
    <div class="card-header" id="headingTwo">
      <h5 class="mb-0">
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
              Collapsible Group Item #2
            </button>
      </h5>
    </div>
    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
      <div class="card-body">
        Some content within the second card
      </div>
    </div>
  </div>
</div>

问题：dell jekyll 如何在多个 div 中渲染某些内容？

Answer 1

使用markdownify将Markdown格式的字符串转换为HTML。

{{ page.excerpt | markdownify }}

或者简单地将输出传递给 markdownify

{{ "# foo bar" | markdownify }}

或者在你的 HTML 页面加载你的 markdown 文件：

创建 markdown 格式的文件（例如 foo.md）
- 把你的markdown的格式化文本放在上面
在您的页面中加载 foo.md 文件：

<div class="card-body">

{% capture foo_bar %}{% include foo.md %}{% endcapture %}  
{{ foo_bar | markdownify }}

</div>

Answer 2

在_config.yml中：

kramdown:
  # instruct kramdown to parse inside html block elements
  # like p, header, lists, ...
  parse_block_html: true

如何解析多个div中的markdown

How to parse markdown within multiple divs

html

jekyll

bootstrap-4