Question

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

我尝试将markdown="1"标志添加到所有＆＃34; upper＆＃34; div但是它没有解析它。

简单的例子，我很乐意看到工作：

＆＃13;

<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>

＆＃13;

问题：如何让dejekyll在多个div中呈现内容？

Answer 1

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

{{ page.excerpt | markdownify }}

或简单地将输出传递给markdownify

{{ "# foo bar" | markdownify }}

或者在HTML页面中加载降价文件：

创建降价格式的文件（例如foo.md）
- 将降价标记的文字放在上面
在您的页面中加载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

2 个答案: