從 Jekyll 中的 _data 讀取 YAML 文件時保留前導空格

Question

我試圖在我的 Jekyll 網站上創建一個代碼塊，但我無法正確保留空格。

我在我的 _data 文件中使用 YAML 文件來在我的網站上顯示某些數據。

這是我的 YAML 文件中的內容：

Sample Title:
  type: Script
  description: "Description of script"
  code: "for(double i = Start; i < End; i += 1){

    display();

  }"

在我的一個 Jekyll 布局（標題為：card.html）中，我有：

<div class="column">
  <div class="content">
    {{page.card.description | markdownify}}
      <h2>Script</h2>
        <pre><code>{{page.card.code}}</code></pre>
  </div>
</div>

我在我的 _config.yml 上安裝了 kramdown

當我這樣做時，空白不會保留在我的網站上。 我在代碼塊中得到了這個：

for(double i = Start; i < End; i += 1){
display();
}

但是，保留文本之間的空白和第一行的前導空白。 如果我對我的 YAML 文件執行此操作，文本之間的空格和第一行的前導空格將被保留。

  Sample Title:
  type: Script
  description: "Description of script"
  code: "  for(double i =      Start; i < End; i += 1){

    display();

  }"

我的網站看起來像這樣，注意保留的空白，但不在第二行：

  for(double i =      Start; i < End; i += 1){
display();
}

我想知道我做錯了什么以及如何在每一行中保留前導空格？

Answer 1

您可以使用 YAML 的literal style ，它保留了空格。 完整頁面的最小示例可能如下所示

---
layout: home
code: |
 for(double i = Start; i < End; i += 1){
    display();
 }
---

<h2>Script</h2>
<pre><code>{{page.code}}</code></pre>

導致代碼塊

for(double i = Start; i < End; i += 1){
   display();
}