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

Question

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

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

我认为只需将降价文件链接到他们自己的页面并使用模板就足够简单了。以下是我尝试使用“轮播”帖子之一的示例：

---
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>