Jekyll - 如何避免在 YAML frontmatter markdownify 项目上添加段落

Question

好的...我有一个项目，我正在将 Jekyll 用于播客项目。我选择通过 YAML Front Matter 项目在 shownotes 中列出主机：

hosts:
  - Name A
  - Name B
  - Name C

使用这段代码

<li> <strong>Hosts:</strong>
<ul>
  {% for host in page.hosts %}
<li>{{ host }}
{% endfor %}
</ul>

我收到了正确的列表

<ul>
<li> <strong>Hosts:</strong> 
<ul> 
  <li>Name A </li>
  <li>Name B </li>
  <li>Name C </li>
</ul>
</ul>

但是，我想通过这样做来降价

<li> <strong>Hosts:</strong>
<ul>
  {% for host in page.hosts %}
<li>{{ host | markdownify }}
{% endfor %}
</ul>

但是 Jekyll 回来了：

<ul>
<li> <strong>Hosts:</strong> 
<ul> 
  <li><p>Name A </p></li>
  <li><p>Name B </p></li>
  <li><p>Name C </p></li>
</ul>
</ul>

有什么方法可以禁止 Jekyll 将 <p> 标签添加到列表项中？实际上，如果我想添加任何丰富的格式，我需要将 HTML 直接放入项目中，但我想通过 Markdown'ing the Front Matter 文本来添加它。有什么建议吗？

PS：我的网站托管在 Github Pages

Answer 1

我“杀死”<p> 和 </p> 失败了。

所以我在 p 元素中添加了一个 css 类，例如.handle-as-span，然后我就可以用 css 来“操纵” p 元素（从块更改为内联）。

{: .handle-as-span }
![Image Alt Tag](path/to/image)

它也应该适用于 markdown 中的列表/表格。我了解到{: .handle-as-span } 有时需要放在块之前，有时放在块之后。试试看。它仍然很丑，但至少我能够让我的设计没有被破坏。

p.handle-as-span {
  display: inline;
}

Answer 2

使用 md.renderInline() 删除<p> 标签

Answer 3

嗯...这是一个很老的问题，但仍然是实际的。

您可以像之前的David Jacquel answered 一样使用| remove: '<p>' | remove: '</p>'。但它会删除文本中的每个<p> 标签。

但是，如果您只想在只有一个 <p> 节点的情况下删除 <p>-tag 包装，则需要更复杂的解决方案。

没有外部插件和过滤器，几乎没有办法做到这一点。

这是我的解决方案：

{%- assign arr = yourTextVar | markdownify | strip | split: "<p>" -%}
{%- if arr.size > 2 -%}
  {{ arr | join: "<p>" | prepend: "<p>" }}
{%- else -%}
  {{ arr[1] | remove: "</p>" }}
{%- endif -%}

它将分割空<p>标签上的文本，并忽略<p id="my-id">之类的任何内容

Answer 4

您可以像这样使用remove filter：

{{ host | markdownify | remove: '<p>' | remove: '</p>' }}