html - Jekyll 帖子显示内容，但没有正确格式化正确的布局

Question

所以我刚开始使用 Jekyll 和 GitHub-Pages，这样我就可以运行自己的投资组合网站。由于让事情变得漂亮是我的弱点，我选择了一个 Jekyll 版本的 HTML5UP Helios 模板来修改我的目的。 Here是当前网站(我知道正在进行中)

我决定将我的元素页面分别制作成帖子，以便在需要时轻松添加新页面；每个帖子也将左侧边栏布局作为其模板，您可以在导航栏上看到它。

我认为将 Markdown 文件链接到它们自己的页面并使用模板就足够容易了。这是我试图对其中一篇“旋转木马”帖子进行处理的示例:

---
layout: left-Sidebar
title: C++ Big Int Class
desc: This is a sample post that is added under the "desc" part of the YAML.
img: pic01.jpg
categories: carousel
---

这是我在轮播中链接它的地方:

{% for post in site.categories.carousel %}
    <article>
        <a href="{{post.url}}" class="image featured"><img src="images/{{ post.img }}" alt="" /></a>
        <header>
            <h3><a href="{{post.url}}">{{ post.title }}</a></h3>
        </header>
        <p>{{ post.desc }}</p>
    </article>
{% endfor %}

现在我认为这行得通，但是我得到的帖子看起来像这样:(我没有足够的声誉来发布两个以上的链接，因此您可以通过单击名为的轮播链接找到它“C++ 大整数类”)

如果有人能告诉我哪里出了问题(以及您可能发现我是新手的任何其他错误)，我们将不胜感激。

我会发布文件树结构，但它太大了，所以如果您想查看其他文件，可以在我的 Github 存储库中查看它们 here

Answer 1

页面正在失去样式，因为您将 css 和 js 包含在相对路径中，例如:

在https://joe-mccann.github.io/carousel/2015/02/01/carousel1.html

<script src="js/jquery.min.js"></script>

该脚本预计位于 https://joe-mccann.github.io/carousel/2015/02/01/js/jquery.min.js。

要修复它，请使用此过滤器将它们包含在完整路径中 absolute_url :

<script src="{{ 'js/jquery.min.js' | absolute_url }}"></script>