删除 Jekyll 页面上的元素

Question

我是一个尝试使用 Jekyll 建立网站的初学者，我目前正在使用从 GitHub 派生的主题。

我喜欢这个主题，但想对“关于”页面等布局进行细微调整。 我对“项目”、“技能”、“生物”和“教育”等部分不感兴趣。 我纯粹只是想要“关于”部分。

1. 如何删除不需要的部分？

2. 不需要部分的 .yml &.html 文件怎么办？ 有没有办法让它们保持静止？

我正在使用Leonids 主题。

提前致谢！

#About.html
    ---
    layout: default
    ---
    <div class="row">
        <div class="col l7">
            <div class="row">
                <div class="col">
                    {% include sections/about.html %}
                </div>
            </div>
    
            <div class="row">
                <div class="col">
                    {% include sections/projects.html %}
                </div>
            </div>
        </div>
    
        <div class="col l4 offset-l1">
            <div class="row">
                {% include sections/skills.html %}
            </div>
            <div class="row">
                {% include sections/career.html %}
            </div>
            <div class="row">
                {% include sections/education.html %}
            </div>
        </div>
    
    
    </div>

Answer 1

您可以使用 CSS 在前端隐藏部分。 为此，您可以为特定部分提供 class

<div class="col hidethis"> .......</div>

在您的 css 文件中写入此 css .hidethis{ display:none; } .hidethis{ display:none; }

Answer 2

我设法通过在不需要的部分之前添加以下内容来解决问题：

<style>
.hidethis {
    display: none;
}

在最终代码中：

<style>
.hidethis {
    display: none;
}

// Other About sections

         <div class="row">
             <div class="col">
                 {% include sections/projects.html %}
             </div>
         </div>
     </div>

     <div class="col l4 offset-l1">
         <div class="row">
             {% include sections/skills.html %}
         </div>
         <div class="row">
             {% include sections/career.html %}
         </div>
         <div class="row">
             {% include sections/education.html %}
</style>

这似乎现在可行：:) 感谢@Jayant Vyas 的建议！