Ich bearbeite meinen Blog, der auf Jekyll basiert. Während ich vorhabe, den gleichen Header für alle Seiten in meinem Blogthema zu haben, vermissen einige der Seiten das css. Hier ist eine kurze Notiz zur Ordnerstruktur.Verknüpfen von Stylesheets in allen Layouts in jekyll-basierten Websites
Die deafult.html
die im _layout
Ordner hat den Link zu font-awesome
Sheet
<head>
<link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.min.css">
</head>
Die header.html
, die es in den _layout
Ordner lautet wie folgt:
<header class="navigation">
<a href="/" class="logo" title="blog home">
<img src="/static/home.png" alt="home">
</a>
<nav>
<ul>
<li class="no-bullet"><a href="/"><i class="fa fa-keyboard-o" aria-hidden="true"></i> posts </a></li> |
<li class="no-bullet"><a href="/archive"><i class="fa fa-archive" aria-hidden="true"></i> archive </a></li> |
<li class="no-bullet"><a href="/about"><i class="fa fa-user" aria-hidden="true"></i> about </a></li> |
<li class="no-bullet"><a href="/atom.xml" target="_blank"><i class="fa fa-rss-square" aria-hidden="true"></i> rss </a></li>
</ul>
</nav>
</header>
<h1 class="bigtitle">
<i class="fa fa-user-secret" aria-hidden="true"></i>
Blog title
</h1>
<h1 class="subtitle">
Some blog
</h1>
<hr />
Die index.md
Datei in der archive
Ordner beginnt wie folgt:
---
layout: post
title: Archives
skip_related: true
---
Und die post.html
im _layout
Ordner beginnt wie folgt:
---
layout: default
---
{% include header.html %}
Die ursprüngliche index.md
im Basisordner hat die folgende Struktur und zeigt alle font-awesome Module richtig.
Allerdings zeigt die index.md im Archieve-Ordner nicht alle der font-awesome-Modul.
Genauer gesagt bleibt die <i class="fa fa-user-secret" aria-hidden="true"></i>
leer.
Fassen wir zusammen:
default.html
enthält den Link zum font-awesome Sheet.post.html
nimmt das Standard-Layout auf (daher default.html)index.md
im Archivordner abholt das Post-Layout (was wiederum das Standard-Layout aufgreift) Ist dies nicht der Fall ist, was soll ich tun ?
Was fehlt mir? Warum nimmt der index.md alle anderen font-awesome Module auf, aber nicht das innerhalb des Tags h1
?
Aah! Das war so albern von mir. Vielen Dank! – kingmakerking