自动在Jekyll帖子

时间:2018-01-13 20:41:15

标签: jekyll liquid

我正在尝试构建一个帖子布局,根据以下条件自动放置include

  1. 如果帖子包含<h3>,请将包含权放在之前。
  2. 否则,请将放在第二段之后。
  3. 我已经尝试了一段时间了,但我找不到正确的方法。

    <section class="post-content">
      {{ content }}
    </section>
    

    让我们说,内容是:

    <p>Elit amet reprehenderit velit non dolor officia do in ea laborum do sunt. Est voluptate non cupidatat aliquip aliqua aliqua esse id consequat. Ullamco labore aliqua ad Lorem laborum occaecat et occaecat sunt esse esse est eiusmod aliqua.</p>
    <p>Ex duis dolor laboris dolor mollit id irure ullamco aliquip commodo ut mollit. Deserunt officia amet consectetur pariatur qui esse ut cupidatat eu consequat eu eiusmod. Veniam ipsum culpa esse nostrud consequat ipsum consectetur eu veniam magna commodo laborum labore eiusmod do.</p>
    <p>Reprehenderit aute commodo voluptate nostrud elit exercitation anim nisi nisi culpa eu qui tempor laboris commodo ut quis.</p>
    

    我希望这成为:

    <p>Elit amet reprehenderit velit non dolor officia do in ea laborum do sunt. Est voluptate non cupidatat aliquip aliqua aliqua esse id consequat. Ullamco labore aliqua ad Lorem laborum occaecat et occaecat sunt esse esse est eiusmod aliqua.</p>
    <p>Ex duis dolor laboris dolor mollit id irure ullamco aliquip commodo ut mollit. Deserunt officia amet consectetur pariatur qui esse ut cupidatat eu consequat eu eiusmod. Veniam ipsum culpa esse nostrud consequat ipsum consectetur eu veniam magna commodo laborum labore eiusmod do.</p>
    
    {% include image.html %}
    
    <p>Reprehenderit aute commodo voluptate nostrud elit exercitation anim nisi nisi culpa eu qui tempor laboris commodo ut quis.</p>
    

    image.html只包含从Instagram获取图像的代码,以防帖子包含Instagram代码,否则,从存储库中选择图像。像这样:

    {% if page.instagram %}
      <div class="insta-div">
        <img src="https://www.instagram.com/p/{{ page.instagram }}/media?size=l" alt="Cover: {{ page.title }}" />
        <form action="https://instagram.com/{{ site.instagram }}" target="_blank">
          <button class="insta-follow" type="submit">
            <i class="icon-instagram"></i> Follow
          </button>
        </form>
      </div>
    {% elsif page.image %}
      <img src="{{ page.image | prepend: site.baseurl | prepend: site.url }}" alt="Cover: {{ page.title }}" />
    {% else %}
    {% endif %}
    

    我尝试了replace_firstsplit以及所有这些,但我可能做得不对。有人可以帮帮我吗?

    谢谢!

0 个答案:

没有答案