html - 删除 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

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

<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 的建议！

Answer 2

您可以使用 CSS 隐藏部分，使其不显示在前端。为此，您可以为特定部分提供课程

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

在你的 css 文件中写这个 css.hidethis{ display:none; }