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">←</a>
{% endif %}
{% if paginator.next_page %}
<a href="{{ paginator.next_page_path | prepend: site.url }}" class="right arrow">→</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