如何使用 Jekyll - 编程之家

如何解决如何使用 Jekyll

首先：有一个 _include 文件夹，其中包含我想在布局中包含的所有内容。

_includes
  service.html

第二：我有一个 _layout 文件夹，它将把我所有的 html 渲染到 default.html 中。

_layout
  default.html

第三：我将 Markdown 文件分为以下几类：设计、开发、可用性测试、SEO 和转换以及维护，每个类别都有客户将提供的不同服务的列表业务。

这是在文件夹 design.md

servicetitle2: "? Design"
services__list1: "logo & Brand Style Guide"
services__list2: "Design Sprints"
services__list3: "UX/UI Design"
services__list4: "Wireframing"
services__list5: "Prototyping"
services__list7: "Design System"
services__list8: "Video & Photography"

这是在文件夹 testing.md

servicetitle3: "?️  Development"
services__list3: "Webflow Development"
services__list3: "Design Deployment"
services__list3: "eCommerce & Product Setup"
services__list3: "Third-Party Apps Integration

这是在文件夹 testing.md

servicetitle4: "? Usability Testing"
services__list4: "Test Cases Setup"
services__list4: "Use Case Testings"
services__list4: "Heatmap Setup & Accessibility"
services__list4: "copywriting & Editing"

这是在文件夹conversions.md

servicetitle5: ? SEO & Conversions
services__list5: "Content Strategy"
services__list5: "Marketing Campaigns"
services__list5: "Launch Strategy"
services__list5: "Site Analytics"
services__list5: "Audience Tracking and Setup"
services__list5: "SEO & Performance"

这是在文件夹 maintenance.md

servicetitle6: ? Maintenance
services__list6: "Monthly Analysis"
services__list6: "Website Monitoring"
services__list6: "Insight Tracking"
services__list6: "Customer Support"

如何创建一个循环，将所有类别标题呈现为标题标签，并使用 endfor 循环列出给定类别中的标签，但如果您有更好的建议，我可以告诉我们，请告诉我。

<section class="services">
  <div class="main-services__list">
    <ul class="services__items">
      {% for services in site-page %}
        <h2>
          {{ services.title }}
        </h2>
          {% if services.type == include.type %}
        <li>
          {{ services.lists }}
        </li>
        {% endif %}
      {% endfor %}
    </ul>
  </div>
</section>

Browser Screen 网站现在呈现的 html

Click Final Prototype - 完成此操作后，这将显示在主页上，其他内容也在 default.html 中。