Question

我最近使用Jekyll建立了我的新博客/投资组合网站。我定制的主题只有主页，也是帖子页面，然后是关于我的页面。

我正在尝试添加一个与主页类似的新页面项目，但会列出项目，就像帖子列在主页（索引）页面上一样。

我能够将项目链接显示在导航栏中，当我点击它时，它会将我带到正确的URL。模板的其余部分在那里，但是我在projects文件夹中的示例文件没有显示。我在这做错了什么？

这是我的目录树

├── CNAME
├── CODE_OF_CONDUCT.md
├── LICENSE
├── _config.yml
├── _includes
│   ├── analytics.html
│   └── head.html
├── _layouts
│   ├── about.html
│   ├── default.html
│   ├── post.html
│   └── project.html
├── _posts
│   ├── 2017-03-09-developer-goals.md
│   ├── 2017-03-09-finding-web-dev.md
│   ├── 2017-03-09-my-experience.md
│   ├── 2017-09-16-example-content.md
│   └── 2017-09-17-jumping-into-react.md
├── _projects
│   └── 2017-03-09-developer-goals.md
├── _sass
│   ├── _base.scss
│   ├── _catalogue.scss
│   ├── _code.scss
│   ├── _layout.scss
│   ├── _pagination.scss
│   ├── _post.scss
│   ├── _syntax.scss
│   └── _variables.scss
├── _site
│   ├── 2017-03-09
│   │   ├── developer-goals.html
│   │   ├── finding-web-dev.html
│   │   └── my-experience.html
│   ├── 2017-09-16
│   │   └── example-content.html
│   ├── 2017-09-17
│   │   └── jumping-into-react.html
│   ├── CNAME
│   ├── CODE_OF_CONDUCT.md
│   ├── LICENSE
│   ├── about
│   │   └── index.html
│   ├── favicon.ai
│   ├── favicon.png
│   ├── index.html
│   ├── project
│   │   └── index.html
│   └── styles.css
├── about.md
├── favicon.ai
├── favicon.png
├── index.html
├── projects.html
└── styles.scss

这是我的projects.html文件

---
layout: default
title: "Projects"
author: "Steven"
permalink: /project/
---

<div class="catalogue">
  {% for project in paginator.project %}
    <a href="{{ project.url | prepend: site.url }}" class="catalogue-item">
      <div>
        <time datetime="{{ project.date }}" class="catalogue-time">{{ project.date | date: "%B %d, %Y" }}</time>
        <h1 class="catalogue-title">{{ project.title }}</h1>
        <div class="catalogue-line"></div>

        <p>
          {{ project.content | truncatewords: 30 | strip_html }}
        </p>

      </div>
    </a>
  {% endfor %}
</div>

<div class="pagination">
  {% if paginator.previous_page %}
    <a href="{{ paginator.previous_page_path | prepend: site.url }}" class="left arrow">&#8592;</a>
  {% endif %}
  {% if paginator.next_page %}
    <a href="{{ paginator.next_page_path | prepend: site.url }}" class="right arrow">&#8594;</a>
  {% endif %}

  <span>{{ paginator.page }}</span>
</div>

这是我的project.html文件：

---
layout: default
---

<div class="post">

  <h1 class="post-title">{{ page.title }}</h1>
  <div class="post-line"></div>

  {{ content }}

</div>

这种布局和设计非常简单，但只是无法弄清楚为什么这不起作用。任何帮助深表感谢！也可以随时查看网站live，stevenmills.io

Answer 1

以下划线开头的文件夹对于Jekyll来说是特殊的。在这种情况下，似乎_projects不是集合或其他东西，所以Jekyll会忽略它。

删除前导下划线并在其中添加_posts文件夹：

projects/_posts/2017-03-09-developer-goals.md

然后2017-03-09-developer-goals.md帖子也会有projects类别。

尝试向Jekyll网站添加其他页面

1 个答案: