刪除 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 的建議！