2017-10-03 1 views
1

J'ai récemment mis en place mon nouveau site de blog/portfolio en utilisant Jekyll. Le thème que j'avais personnalisé avait seulement la page d'accueil qui était aussi la page des posts et ensuite une page sur moi. J'essaie d'ajouter une nouvelle page, des projets, qui seront similaires à la page d'accueil, mais qui listent les projets comme les messages sont listés sur la page d'accueil (index).Essayer d'ajouter une page supplémentaire au site Jekyll

Je suis capable d'obtenir le lien de projets pour montrer dans la barre de navigation et quand je clique dessus, il m'amène à l'URL correcte. Le reste du modèle est là, mais le fichier d'exemple que j'ai dans le dossier des projets ne s'affiche pas. Qu'est-ce que je fais mal ici?

Voici mon arborescence

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

Voici mon fichier 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> 

Voici mon fichier project.html:

--- 
layout: default 
--- 

<div class="post"> 

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

    {{ content }} 

</div> 

Cette mise en page et le design est super simple, mais juste ne peut pas comprendre pourquoi cela ne fonctionne pas. Toute aide est très appréciée! Aussi, n'hésitez pas à consulter le site en direct, stevenmills.io

Répondre

1

Les dossiers qui commencent par un trait de soulignement sont spéciaux pour Jekyll. Dans ce cas, il semble que _projects n'est pas une collection ou quelque chose d'autre, donc il sera ignoré par Jekyll.

Retirez le underscore et ajouter un dossier à l'intérieur _posts:

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

alors le poste 2017-03-09-developer-goals.md aurait la catégorie projects aussi.