在 Jekyll 中使用数据的正确方法

Question

目标是在特定页面的前言部分使用定义的变量。

这里是我的文件系统结构：

_组件

c1.html
c2.html

这里我定义了前面的属性

_包括 > 组件

c1.html

这里我想用一个循环来引用_Components > c1.html页面中定义的变量。

我怎样才能实现这个目标？

在我的 _Includes > Components > c1.html 我有以下代码：

<body class="full">
    {% assign fullcomponents = site.components %}
        {% for component in fullcomponents | where:"title","c1html" %}
        {% component.title %}
    {% endfor %}
    <div class="container-fluid" id="componentscontainer">
        <div class="col-md-12">                 
            <div class="panel panel-primary" id ="panelcomponentlarge">
                <div class="panel-heading" >
                    Chart C3 Line
                </div>
etc...

我肯定遗漏了一些琐碎的事情。

第二次尝试

我发现我可以为此提供一个数据层，所以我尝试将这些信息拆分到一个新的数据文件中。

这里是components.json

的内容

   {

    "Components": [
    "ChartC3Line":{
            "component":"ChartC3Line",
            "description":"This is an attempt"

        },
        "ChartC3Lines":{
            "component":"ChartC3Lines",
            "description":"This is an attempt"

        }
    ]

}

我正在尝试使用以下代码获取此信息：

    {% assign comp = site.data.components.Components[ChartC3Line] %}   

        HTML:

                        {% highlight html linenos%}

                            <p> Description: {{ comp.description }} </p>

但一切都在发生。

第三次尝试 我找到了一个解决方案，但我根本不喜欢这里我的新 json 文件

{

    "ChartC3":[ 
        {
            "component":"ChartC3Line",
            "description":"This is an attempt"

        }],
    "ChartC4":[ 
        {
            "component":"ChartC3Line",
            "description":"This is an attemptSSSSSSS"

        }]


}

我不想拥有一个元素的多个数组的对象！这里是检索正确信息的代码：

{% assign comp = site.data.components.ChartC4[0] %}   

            HTML:

                            {% highlight html linenos%}

                                <p> Description: {{ comp.description }} </p>

Answer 1

已解决 按照 json 文件的结构，我以更简单的方式更改了我的结构：

{

"ChartC3":
    {
        "component":"ChartC3Line",
        "description":"This is an attempt"

    },
"ChartC4": 
    {
        "component":"ChartC3Line",
        "description":"This is an attemptSSSSSSS"

    }

} 现在我可以轻松访问正确的对象。

{% assign comp = site.data.components.ChartC3 %}

        HTML:

                        {% highlight html linenos%}

                            <p> Description: {{ comp.description }} </p>

在 Jekyll 中使用数据的正确方法

Right way to use the data in Jekyll

html

liquid

jekyll