带有前导空格的 YAML 字符串答案

【问题标题】：YAML string with leading white space带有前导空格的 YAML 字符串
【发布时间】：2019-09-18 19:29:15
【问题描述】：

我正在尝试在字符串的开头放置一些空格，如下所示：

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

尽管有引号中的键值，但空格正在被删除。这是杰基尔的事吗？我怎样才能得到保留的空白？

【问题讨论】：

标签： yaml jekyll liquid

【解决方案1】：

这不是 Jekyll 的东西，这个 html 去除了不必要的空格。

这里可以使用 CSS 规则

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

或者用不间断的空格替换空格

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

尽管如此，如果只是演示问题，您必须去掉空格并使用 CSS 边距。

【讨论】：

【解决方案2】：

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

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

【讨论】：