删除 Jekyll 页面上的元素答案

【问题标题】：Remove elements on Jekyll page删除 Jekyll 页面上的元素
【发布时间】：2020-07-10 06:22:19
【问题描述】：

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

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

如何删除不需要的部分？
我应该如何处理不需要部分的 .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>

【问题讨论】：

标签： html jekyll jekyll-theme

【解决方案1】：

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

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

将此css写入你的css文件.hidethis{ display:none; }

【讨论】：

感谢您的建议，但我仍然没有得到想要的结果。我创建了一个包含 css 代码的 scss 文件，并以下列方式添加了 html 代码：<div class="col hidethis"> <div class="row"> <div class="col"> {% include sections/projects.html %} </div>

【解决方案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 的建议！

【讨论】：