具有前导空格的YAML字符串

时间:2019-09-18 19:29:15

标签: yaml jekyll liquid

我试图在字符串的开头放置一些空格,如下所示:

- sbSecId: 4
  title: '  VideoJS'
  link: /examples/video/instream/videojs/pb-ve-videojs.html
  isLastSubSectionItem: 0
  isHeader: 0
  isSectionHeader: 0
  sectionTitle: 
  subgroup: 1

这是由Jekyll生成的网站。我正在使用Liquid来制作yml文件的数组,循环遍历数组并显示title键的值,如下所示:

{{thisSubItem.title}}

尽管键值用引号引起来,但空格被删除。这是吉柯尔的事吗?我如何才能保留空白?

2 个答案:

答案 0 :(得分:1)

此html不会删除不必要的空格,这不是Jekyll的东西。

您可以在此处使用CSS规则

<span style="white-space: pre;">{{thisSubItem.title}}</span>

或通过用不间断空格代替空格

{% assign preserved_ws = thisSubItem.title | replace: " ", "&nbsp;" %}
{{ preserved_ws }}

尽管如此,如果仅是表示问题,则必须除去空格并使用CSS边距。

答案 1 :(得分:0)

相反,您可以将空格留在字符串之外,并将其保留在布局中或呈现值的任何位置。您可以从字符串中删除空格,而不必担心记住保持空格一致。

&nbsp; &nbsp; &nbsp; {{thisSubItem.title}}