Удалить элементы на странице Jekyll

Question

Я новичок, который пытается создать сайт с помощью Jekyll, и в настоящее время я использую тему, созданную с помощью GitHub.

Мне нравится тема, но я хотел бы внести небольшие изменения в макет, например О странице . Меня не интересуют такие разделы, как «Проект», «Навыки», «Био» и «Образование». Мне просто нужен раздел «О программе».

1. Как я могу удалить ненужные разделы?

2. Что мне делать с .yml &. html файлы ненужных разделов? Есть ли способ оставить их на месте?

Я использую тему Леонид .

Заранее спасибо!

#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; }