【问题标题】:How to create sub md files with content that applies to the page md files如何创建内容适用于页面 md 文件的子 md 文件
【发布时间】:2017-09-07 14:44:39
【问题描述】:

我正在使用 Jekyll 创建一个网站。 到目前为止,我有四个页面是从四个 md 文件自动创建的,这些 md 文件位于项目的根目录中。

index.md
about.md
login.md
register.md

这是我login.md file里面的内容

---
layout: layout-default
title: some login title
permalink: /login
theme: secondary-theme 
nav:
    menu-items:
        - type: text
          text: Don't have an account?
        - type: link
          text: SIGN UP
          class: button
          linkPath: /register
sections:
    - type: 3
      class: form-section
      header-line-2: Login Section!
      form:
        api: http://127.0.0.1:8080/login
        submit-text: LOG IN
        form-controls:
            - label-text: EMAIL ADDRESS
              input-type: email
              input-placeholder: Enter your email
              input-name: email
            - label-text: PASSWORD
              label-link-text: Forgot password?
              label-link-path: #
              input-type: password
              input-placeholder: Enter your password
              input-name: password

---

我所做的是迭代各个部分并根据每个部分内的变量应用 html 属性值。这样我就可以在一页上呈现尽可能多的部分。根据我放入 md 文件的类和内容,它们也可能有所不同。 问题是,如果项目变得过于复杂,部分的不同样式等等。我想将每个部分的内容分开。如果我可以创建一个文件夹就好了,比如说 login/sections 文件夹 然后将 md 文件放入其中,然后在 login.md 文件中包含这些部分 md 文件。这样代码会更有条理。 有没有办法做到这一点,我的方法真的很好。

【问题讨论】:

    标签: jekyll


    【解决方案1】:

    Jekyll 提供了include files 到另一个文件的能力。这个神奇的目录是_includes。示例:

    如果您创建一个名为_includes/sections/s1.html 的文件,您可以将其包含到任何其他文件中,并带有以下标记:

    {% include sections/s1.html %}
    

    这种方法适用于:

    • 将 HTML 文件包含在 HTML 中
    • 在 Markdown 中包含 HTML 文件(因为 Markdown 可以包含 HTML 代码)
    • 将 Markdown 包含到 Markdown 中

    如果你想将 Markdown 文件包含到 HTML 中,你必须使用一些技巧:

    {% capture m %}{% include sections/s1.md %}{% endcapture %}
    {{ m | markdownify }}
    

    【讨论】:

    • 但我使用 _includes 文件夹进行 HTML 布局。我想要的是在 md 文件中包含 md 文件并使用包含的内容
    • 您也可以对 Markdown 文件使用包含。我添加了一些说明,希望对您有所帮助。如果您不想使用_includes 文件夹而是另一个文件夹,您也可以使用include_relative 标签(请参阅链接文档)。
    猜你喜欢
    • 1970-01-01
    • 2021-02-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多